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);
  });
});