Select Element with Cypress 中两个不同类之一

Question

在我们的应用程序中，我们使用任务让用户完成特定的工作流程。这个任务可以有两个不同的classes，取决于用户在他面前的任务。

class 'task__options' 和 'ap-option' 在 'task__inner' class.

内

我必须遵循代码，但它永远不会通过 IF 只有 ELSE。您对解决这个问题有什么建议吗？

Then('I click the task option {string}', (task: string) => {

    cy.get('.task__inner').within(($ele) => {
        if($ele.hasClass('task__options')){
            cy.get('.task__options').click();
        } else {
            cy.get('.ap-option').click();
        }
    });
});

Answer 1

您可以写两个类，用 , 分隔，所以如果其中一个存在，那么它将执行 click()。

cy.get('.task__options,.ap-option').click()

那么您的代码将如下所示：

cy.get('.task__inner').within(() => {
  cy.get('.task__options,.ap-option').click()
})

Answer 2

感谢@Alapan，我找到了这个问题的解决方案，但我还包含了一个 API 调用，如果存在两个类之一，该调用就会关闭。

Then('I click the task option {string}', (task: string) => {
    let clickButton = task => {
        cy.get('.task__options,.ap-option').contains(task, {matchCase: false, timeout: 30000})
            .scrollIntoView()
            .click();
    };
    cy.get('.task__inner').within(() => {
        cy.get('.task__form').then(($ele) =>{
            if($ele.hasClass('task__options')){
                cy.intercept("POST", "/bla-bla/api/Task/ResolveConditionalWait/**").as('ResolveConditional')
                clickButton(task);
                cy.wait('@ResolveConditional')
            } else {
                clickButton(task);
            }
        })
    });
});

Select Element with Cypress 中两个不同类之一

Select one of two different classes within Element with Cypress

javascript

cypress

Select Element with Cypress 中两个不同 类 之一

Select one of two different classes within Element with Cypress

javascript

cypress

Select Element with Cypress 中两个不同类之一