javascript - Cypress : `cy.contains` 和 `cy. findByText` 有什么区别

Question

findByText来自 Cypress 测试库
https://testing-library.com/docs/cypress-testing-library/intro
和 contains Cypress “ native ”附带
我想知道它们之间有什么区别，什么时候应该使用另一个？

Answer 1

我认为可以在这里找到一个区别:https://github.com/testing-library/cypress-testing-library#differences-from-dom-testing-library

find* commands will fail if more than one element is found that matches the criteria which is not how built-in Cypress commands work, but is provided for closer compatibility to other Testing Libraries.

不是这样 contains()作品。来自文档: https://docs.cypress.io/api/commands/contains.html#Single-Element

Only the first matched element will be returned

contains()也适用于 preferences ，例如 contains()产量 <button>元素，即使它在树中更高，当更深的元素是例如 <span> .所以它更喜欢 <button>如果您没有将选择器参数传递给命令，则元素会覆盖更深的元素。该命令的文档中还有其他示例。

所以在我看来， find* Cypress 测试库中的命令更类似于文档中所述的其他测试库的行为。与 contains() ，你可能需要更多关于它是如何工作的知识，这样你才能得到你想要的元素而不是其他一些元素，因为例如你不明白这个偏好逻辑是如何工作的。