自定义赛普拉斯 click() 命令始终返回 click({force: true})

Question

在我的大多数规范中，我最终将{force: true} 传递给click() 命令。 传递强制变得很痛苦：数百个 click() 命令都是如此。

更好的一次性永久解决方案是编写自定义赛普拉斯命令以始终click({force: true})

这是我的做法

Answer 1

// cypress/support/index.js

Cypress.Commands.add('forceClick', { prevSubject: 'element' }, element => {
  return cy.wrap(element).click({ force: true })
})

上述命令不可链接。 要使上述命令可链接，请将此命令添加到您的 cypress/support/index.d.ts 中的全局赛普拉斯可链接接口

// in cypress/support/index.d.ts
// load type definitions that come with Cypress module
/// <reference types="cypress" />

declare namespace Cypress {
  interface Chainable {
    /**
     * Custom command to force click an element.
     * @example cy.get('[data-test="Login"]').forceClick()
     */
    forceClick(): Chainable<Element>
  }
}