覆盖 Cypress 的 before 和 after 方法

Question

我们正在使用 Cypress.io 来构建我们的自动化套件。我们需要在每次测试之前为我们的数据库播种并在之后清除数据。这可以像下面那样完成。

describe('Our test suite', function() {
  before(function () {
    //loadDbSeed is a custom command that will load the seed file based on the spec file
    seed = cy.loadDbSeed()
    cy.task('seed:db', seed)
  })

  it('should be true', function() {
    //Some test with some action followed by an assertion
    cy.visit('/some-page')
    cy.get('[data-cy="identifier"]')
      .click()
    expect(true).to.equal(true)
  })

  after(function () {
    // clearDb is a custom command that will clear out the DB.
    // We are still debating if we must clear the DB after the tests.
    // But we might still need to do some common actions for the entire suite after
    cy.clearDb()
  })
})

我们看到的问题是我们所有的测试套件都需要相同的before 和after 操作。所以我们想覆盖这些方法，以便我们的测试是这样的。

describe('Our test suite', function() {
  before(function () {
    // DB seeding is done automatically
    // Write only custom before steps required for this test
  })

  it('should be true', function() {
    //Some test with some action followed by an assertion
    cy.visit('/some-page')
    cy.get('[data-cy="identifier"]')
      .click()
    expect(true).to.equal(true)
  })

  after(function () {
    // DB clearing is done automatically
    // Write only custom after steps required for this test
  })
})

我们如何实现这一目标？我一直在研究 Cypress 代码，但没有发现任何明显的东西。

Answer 1

如果您查看赛普拉斯文档，不建议使用 after - Cypress Docs。我会警告不要在全球范围内设置数据，你真的需要它来进行每次测试吗？如果您需要在某个时候基于每个测试输入数据，这会与此全局数据冲突吗？你可以在每个测试的基础上做这样的事情：

describe('Our test suite', function() {
  beforeEach(function () {
     cy.then(async () => {
       await MyDatabaseService.resetdata()
       await MyDatabaseService.createSomeData()
     });
   });

  it('should be true', function() {
    //Some test with some action followed by an assertion
  })
})

当特定测试需要特定数据时，我还必须嵌套一些测试，如下所示（对不起，如果这里的某些格式有点不对，希望它会有意义！）：

describe('Our test suite', function() {
  beforeEach(function () {
     cy.then(async () => {
       await MyDatabaseService.resetdata()
       await MyDatabaseService.createSomeData()
     });
   });

  it('should be true', function() {
    //Some test with some action followed by an assertion
  });

   describe('These tests need more data, this is a nested describe', function () {
     before(function () {
       cy.then(async () => {
         await MyDatabaseService.addSomeMoreData()
       });
     it('this test uses the extra data', function () {
     // Do some funky tests here
    });
   });
 });

})

对于上面的第二个测试，测试将运行所有三个数据库操作。

结果是，如果您在运行测试之前清除数据，那么事情就会变得更加清晰。

我希望这会有所帮助。我自己是 Cypress 的新手，很难改掉我们在 Selenium 中使用了一段时间的（坏的？）习惯！