typescript - Cypress 没有看到自定义 cy。命令

Question

Cypress 无法导入自定义命令

commands.js

Cypress.Commands.add('generateToken', ({secret}) => {
    const totp = require('totp-generator');
    const token = totp(secret); 
    });

支持/index.js

import './commands'

测试.spec.ts

/// <reference types="Cypress" />

context('Actions', () => {
    beforeEach(() => {})
  })
    it('Main test', () => {
        cy.generateToken('XXXX');
    })

在 test.spec.ts 中，generateToken() 始终带有下划线并出现错误:

Property 'generateToken' does not exist on type 'cy'.

index.js 和commands.js 未从原始目录中移动。 cypress.json 文件为空。

Answer 1

由于您的规范是 typescript 文件，您是否为 support/index.js 添加了新的类型定义？

他们的文档似乎很好地概述了它 here 。与他们的示例唯一不同的是，您没有从 generateToken 返回任何内容，因此我认为您不能将其放入全局 Chainable 接口(interface)中。

您可以尝试将其添加到 support/index.d.ts 文件中，看看它是否会对您大喊大叫

declare namespace Cypress {
  interface Chainable {
    generateToken({secret}: {secret: string}): void
  }
}