Prince0813 6170字数 141阅读0分28秒阅读模式
页面上有一个元素我需要用Cypress测试才能从页面中注销：
<a _ngcontent-jee-c99="" class="logout ng-tns-c99-0 ng-star-inserted"> Logout </a>
我不熟悉这个工具和编程，这是我的新开始。
我如何实施解决方案？文章源自玩技e族-https://www.playezu.com/180102.html
在同样的情况下，我必须登录，但由于它的button类，它非常简单：文章源自玩技e族-https://www.playezu.com/180102.html
cy.get ('input')
.click()
cy.get('input[type="email"]')
.should('be.visible')
.type('test@test.com')
cy.get('button[type="submit"]')
.click()
cy.get('input[type="password"]')
.should('be.visible')
.type('password')
cy.get('button[type="submit"]')
.click()
未知地区 6F
中所示的类 等级=“”；注销 可以使用。
cy.get(‘a.logout’) // element is <a>, class to find is .logout
.应（’可见’）
.click()
登录后单击此处
cy.get(‘button[type="submit"]’).click()
注销按钮可能在短时间内不显示，因此添加 .应（’可见’） 允许测试等待按钮出现。
未知地区 5F
您可以使用选择器的组合 a 和文本 注销 要查找并执行单击。
cy.contains(‘a’, ‘注销’).click()
未知地区 4F
一个好的做法是将测试ID添加到您想要与之交互的元素中，例如。
<a href="https://google.com" class="button" data-testid="logout">Logout</a>
然后你可以做：
cy.get(‘[data-testid="logout"]’).click()
你提供的例子看起来很混乱。您可能会使用以下内容：
cy.get(‘.logout’).click()
但我强烈建议使用测试ID。您可以在Cypress文档中找到有关选择器的更多信息和最佳实践。
未知地区 3F
中所示的类 等级=“”；注销 可以使用。
cy.get(‘a.logout’) // element is <a>, class to find is .logout
.应（’可见’）
.click()
登录后单击此处
cy.get(‘button[type="submit"]’).click()
注销按钮可能在短时间内不显示，因此添加 .应（’可见’） 允许测试等待按钮出现。
未知地区 2F
您可以使用选择器的组合 a 和文本 注销 要查找并执行单击。
cy.contains(‘a’, ‘注销’).click()
未知地区 1F
一个好的做法是将测试ID添加到您想要与之交互的元素中，例如。
<a href="https://google.com" class="button" data-testid="logout">Logout</a>
然后你可以做：
cy.get(‘[data-testid="logout"]’).click()
你提供的例子看起来很混乱。您可能会使用以下内容：
cy.get(‘.logout’).click()
但我强烈建议使用测试ID。您可以在Cypress文档中找到有关选择器的更多信息和最佳实践。