为什么 cypress 无法识别我们是否给出完整的类名

Question

例如，如果我给出完整的类名：title-text-panel-container class-about-benefits > ulcypress 无法识别该元素并抛出以下错误 C ypressError: Timed out retrying: E​​xpected to find element: '.title-text-panel-container class-about-benefits > ul' ，但一直没有找到。为什么 cypress 无法识别我们是否full class name在测试中屈服？但它通过了测试，因为我们按照测试 2 给出了类名。

测试 1： 失败

cy.get('.title-text-panel-container class-about-benefits > ul').find('li').its('length').should('be.gte', 1);

测试：2次通过

cy.get('.title-text-panel-container > ul').find('li').its('length').should('be.gte', 1);

Answer 1

.classA .classB选择器意味着classB是 的后代classA。如果要指定单个 DOM 元素的多个类（以增加特异性），则不得在它们之间添加空格：.classA.classB。

在你的情况下，它会是：

cy.get('.title-text-panel-container.class-about-benefits > ul').find('li').its('length').should('be.gte', 1);