有没有办法在Cypress测试中创建一个别名/变量/命令来重复静态代码块？

Question

我正在测试一个非常长的表单页面，其中包含12个输入域。我基本上是在测试表单页面的自动保存功能。因此，测试逻辑是访问每个字段，键入一个值，然后检查报头是否具有saving和saved状态消息。然后重新加载页面，看看输入字段是否保留了它的值。例如。

// Aliases for the input fields
cy.get('div[name="title"] input').as('Title');
cy.get('div[name="location"] input').as('Location');
cy.get('div[name="duration"] input').as('Duration');
....


cy.get('@Title').type(randomTitle);


// @Testing save status and reload -------------------
cy.get('.form-header').within(() => {
  cy.contains('SAVING');
  cy.contains('SAVED');
});
cy.reload();
//----------------------------------------------------


cy.get('@Title').then((elem) => {
  expect(elem.val()).to.equal(randomTitle);
});

一切都很好，但是我希望如果我能重构代码，使它更干净。我看到的唯一问题是我实际上重复了12次@Testing save status and reload代码块。在Cypress中有没有我可以创建一个别名、变量或命令来运行带有一个一行的特定块？有可能吗？

Answer 1

我真是个笨蛋，这个问题的答案就在标题本身。我所要做的就是在命令文件中创建一个这样的命令。

const checkSaveStatus = () => {
cy.get('.form-header').within(() => {
  cy.contains('SAVING');
  cy.contains('SAVED');
});
cy.reload();
};
Cypress.Commands.add('checkSaveStatus', checkSaveStatus);

在我的测试中调用它，就像这样

cy.checkSaveStatus();