如何在cypress中添加两个数据属性检查？

Question

前任：

<div data-component="tab" data-value="first_tab">
</div>

如何在 cypress 命令中同时获取 data-component="tab" 和 data-value="first_tab" ？就像我想访问first_tab内的选择框一样，我想更加具体地了解上下文并编写更具可读性的代码：我尝试过的如下（语法错误）

cy.get('[data-component="tab" data-value="first_tab"] [data-component="select_box"]').click()

Answer 1

Cypress 遵循 jQuery 约定，所以这应该可以工作：

cy.get('[data-component="tab"][data-value="first_tab"]').click()

参考： https: //api.jquery.com/multiple-attribute-selector/