在 Cypress.io 中存储选择器的位置

Question

我是赛普拉斯的新手。避免在每个规范中硬编码选择器/定位器的最佳方法是什么。在其他框架中，我们会创建一个包含所有选择器的配置文件，并让规范引用它。

场景：我可能在多个规范中使用了一个选择器。如果选择器发生更改，我不想在每个规范中更改它。我宁愿只在一个地方改变它。

Answer 1

你不需要做任何魔法。只需将您的选择器放入文件中，然后导入即可。

// cypress/support/selectors.js

export default {
  mySelector: '.my-selector',
  mySelector2: '.my-selector-2'
};

// cypress/integration/one.spec.js

import selectors from '../support/selectors.js';

describe('test', () => {
  it('test', () => {
    cy.get(selectors.mySelector);
  });
});