javascript - 用于在 cypress 中选择复选框的自定义命令

Question

我编写了一个自定义命令，用于根据我提供的联系人姓名选择复选框(引用图片) 例如，我提供 Test10 Test10，它不会被选中，但是测试用例未经选择就通过了，我尝试调试 cname 变量为空，还附加了调试器屏幕截图

    Cypress.Commands.add("SelecttheContact", (contactName) => { 
    cy.get('tr td:nth-child(2)').each(($el, index, $list) => {
    const cname=$el.find(contactName).text()

    if(cname.includes(contactName))
    {

       // cy.get("tr td:nth-child(1)").eq(index).click()
       // cy.get("input[type='checkbox']").eq(index).click()
       debugger
       $e1.find('checkbox').click()
    }
}) })

Answer 1

我在这里可能是错的，但看起来你是依靠jquery而不是Cypress来完成选择工作。我会使用 Cypress 选择来查找复选框。

您知道 Cypress Selector Playground 吗？

The Selector Playground is an interactive feature that helps you:

• Determine a unique selector for an element.
• See what elements match a given selector.
• See what element matches a string of text.

https://docs.cypress.io/guides/core-concepts/test-runner.html#Selector-Playground

还有一个 API 选项可以更改选择器的优先级

The Selector Playground exposes APIs that enable you to:

• Change the default selector strategy
• Override the selectors that are returned per element

https://docs.cypress.io/api/cypress-api/selector-playground-api.html#Syntax