如何在 Cypress 中找到具有多个类的元素的类名

在 Cypress 中，若要找到具有多个类的元素，您可以使用多个类名的组合进行选择。Cypress 使用了类似于 jQuery 的选择器。假设您需要找到具有类名 btn、primary 和 active 的元素，可以使用如下方法：

javascript
cy.get('.btn.primary.active')

这里的 .get() 函数接受一个选择器字符串，该字符串包含了所有需要匹配的类名，每个类名前都有一个点（.）作为前缀。

示例

假设我们有以下 HTML 结构：

html
<button class="btn primary active">点击我</button>

如果您想在 Cypress 中定位这个按钮，可以通过以下方式：

javascript
// 使用所有相关类名
cy.get('.btn.primary.active').click();

这将找到具有 btn、primary 和 active 类的按钮并执行点击操作。

注意事项

• 确保选择器中不要包含多余的空格，除非空格是用来表示后代选择器。
• 类名的顺序不影响选择器的结果，.btn.primary.active 和 .active.primary.btn 是等效的。
• 如果某个类名在页面中不是唯一的，上述选择器会选择所有匹配的元素。如果需要进一步缩小范围，可以考虑结合其他属性或者上下文信息进行选择。

使用 Cypress 进行元素选择时，建议尽可能使用具体且唯一的选择器，这样可以提高测试的准确性和效率。