Cypress 基于属性的测试条件检查

Question

我正在尝试根据属性 [data-x="transit"] 进行条件检查。

少数 HTML 页面[data-x="transit"] 包含在 li 内，其他情况在 div 内。

示例：

<ul>
  <li data-x="transit">ele</li>
<ul>

<div>
  <div data-x="transit"> ele</div> 
</div>

如何编写 cypress 条件测试来检查如果 data-x="transit" 和 li 存在：执行 li 命令否则如果 data-x="transit" 和 div 存在：执行 div 个命令

Answer 1

您可以从 tagName 属性.

中判断出哪种元素类型

cy.get('[data-x="transit"]')
  .then($el => {

    if ($el[0].tagName === 'LI') {   // always check upper-case
      ...
    }
    if ($el[0].tagName === 'DIV') {
      ...
    }
  })

Cypress 基于属性的测试条件检查

Cypress test conditional check based on attributes

cypress