Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Queries match elements inside the <head /> part of the document
See original GitHub issuecypress-testing-libraryversion: 5.3.0
Relevant code or config
<html>
<head>
<title>Hello world</title>
</head>
<body>
<h1>Hello world</h1>
</body>
</html>
cy.findByText('Hello world')
What you did
Find an element by its text content.
What happened
Since the document title element in the head area also matches, the query tells me that it found more than one element with the expected text content.
Problem description
The queries are using the entire document as the container.
Suggested solution
Maybe the queries should use the body as the container. Elements in the head area cannot be interacted with and are generally not visible to the user. Except maybe for the title, but there should be more declarative ways to check for it than findByText.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Thanks @pranjaljately!
This would be best:
That would work regardless of the level of heading. It’s also more semantically correct 🤘
Well… Maybe we should do this then: https://github.com/testing-library/dom-testing-library/issues/593