Cypress 异步执行返回 4 个相同的断言

Question

我有个问题。 我正在使用 Cypress 进行自动化，我开始使用 async 并等待我的测试。 我正在使用 POM 设计模式。

我的问题：如果我执行以下测试：

test.spec.ts class（测试类）

 import { login_po } from "../pom/1.Chiquito/login_po"; const pom = new login_po() describe("Put some name here.", async() => { it('TestCase1', async () => { await pom.navigateTo(); }); });

我的 POM class。

 export class login_po { navigateTo() { cy.visit(`https://chiquito-qa.omnifitrgsites.co.uk/`).url().should('be.equal', 'https://chiquito-qa.omnifitrgsites.co.uk/').then(() => this.verifyAfterLogin()); } verifyAfterLogin() { cy.get('.header__logo-img'); } }

当我执行测试时 - 赛普拉斯做出 4 个（相同的）断言。

如果我从测试 class 中删除 'async' - 'await' - 赛普拉斯做出 1 个断言。

 import { login_po } from "../pom/1.Chiquito/login_po"; const pom = new login_po() describe("Put some name here.", () => { it('TestCase1', () => { pom.navigateTo(); }); });

为什么会这样？

Answer 1

Cypress 命令不是 promises ，它们与 async/await 的交互不会像您期望的那样发生。 此外，虽然 POM 在 Cypress 中是可行且合理的， 但建议您使用 App Actions而不是 POM。