如何使自定义 cypress 命令与 typescript 一起使用

Question

我已经按照 Cypress 文档中的示例代码设置了以下示例存储库，用于设置项目并将打字稿添加到信中： https: //github.com/jacobdo2/cypress-ts-starter

我在中添加示例命令commands.ts：

Cypress.Commands.add("dataCy", (id: string) => cy.get(`[data-cy="${id}"]`));

以及以下声明index.ts：

/// <reference types="cypress" />

declare namespace Cypress {
  interface Chainable {
    /**
     * Custom command to select DOM element by data-cy attribute.
     * @example cy.dataCy('greeting')
     */
    dataCy(value: string): Chainable<Element>;
  }
}

我收到以下错误index.ts：

并在commands.ts：

Answer 1

您尝试过以下操作吗？

declare global {
  namespace Cypress {
    interface Chainable<Subject> {
      dataCy(value: string): Chainable<Element>;
    }
  }
}

您应该在声明namespace中添加global。它对我来说是正确的。

我正在使用Cypress v8.7.0Typescript v4.1.3。