Cypress 系列 15 - 检索元素定位器

如果想从头学起Cypress，可以看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

前言

• 在执行 UI 自动化测试过程中，每个测试用例均涉及对界面元素的具体操作
  • 采用稳定且高效的元素定位方式，有助于显著提升测试通过率
  • 相较于其他测试工具，Cypress 提供了独特的定位机制，可有效减少因元素定位错误而引发的测试异常情况

做元素定位时，你是否曾遇到过以下难题

• 元素的 ID 或 class 属性具有动态生成的特性
  • 当你采用 CSS 选择器进行定位时，若开发人员更改了相关元素的样式属性

在此类情形下，测试过程往往会出现失败的情况

Cypress 如何解决上述难题

引入了 data-* 属性，其中涵盖了以下三种定位方式：

1. data-cy
2. data-test
3. data-testid

重点

• 这些定位器均为 Cypress 独有的测试工具，仅适用于测试场景
  • data-* 属性与元素的样式或行为无直接关联，因此即便 CSS 样式或 JavaScript 行为发生变化，也不会对测试结果造成影响
  • 提示： 在具体开发过程中，需要手动将 data