赛普拉斯：将超时设置为自定义命令

Question

我有一个自定义命令，我想覆盖 4 秒的默认超时。我尝试在命令的代码和使用它的测试中设置超时，但还没有成功。

Cypress.Commands.add("login", () => {
  Auth.signIn(username, password)
    .then(() => {
        console.log('Programmatically logged in as ' + username);
    })
    .catch(err => console.log('Error when login in: ', err));
})

我尝试了以下方法：

Cypress.Commands.add("login", { timeout : 10000} () => {...}

和

Cypress.Commands.add("login", () => {
  Auth.signIn(username, password)
    .then(({ timeout : 10000}) => {
        console.log('Programmatically logged in as ' + username);
    })
    .catch(err => console.log('Error when login in: ', err));
})

编辑/更新

我在 Auth.signIn() 调用中添加了 async/await，这使得执行等待该方法完成，但如果它达到 4 秒默认超时，它会使测试失败。 我能做的最好的就是在login 命令的then 中包含所有测试代码。

it('Test that requires login', () => {
    cy.login().then(function (){
        cy.visit('/');
        //...
    });
})

虽然测试会等待登录操作完成，但如果在登录前达到超时，则测试失败。

Answer 1

我不确定 Cypress 的 custom commands 中的 timeout，但您可以通过将 default param 传递到您的自定义命令中来使用解决方法，如下所示：

Cypress.Commands.add("login", (waitTimer = 1000) => {
  Auth.signIn(username, password)
    .then(() => {
        cy.wait(waitTimer);
        console.log('Programmatically logged in as ' + username);
    })
    .catch(err => console.log('Error when login in: ', err));
})

注意：注意传递timeouts 或任意等待x 秒数is not considered good practice。您应该改为检查 response's status 并断言它返回 200 状态或使用 route aliases。

示例：

......
.then(response => {
    if (response.status !== 200) {
      cy.log('An error happened while logging in');
    }