dom-testing-library
cypress-testing-library
dom-testing-library | cypress-testing-library | |
---|---|---|
4 | 4 | |
3,233 | 1,788 | |
0.4% | 0.1% | |
6.5 | 5.4 | |
4 days ago | 6 months ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
dom-testing-library
- Buenas prácticas con Angular Testing Library
-
Problems with using `useFakeTimers('modern')` in a create-react-app (CRA) project with Jest 26 and Lodash's `debounce` function
I did some digging and it looks like testing-library/dom-testing-library recommended using jest-environment-jsdom-sixteen in its release notes for v7.0.0 because CRA was using an older version of Jest which provided an older version of jsdom that was missing support for things like MutationObservers and other modern web features. However, eventually CRA was updated to use the newer version of Jest, and this made using jest-environment-jsdom-sixteen unnecessary – and in this case actually harmful as it prevented me from using the new useFakeTimers('modern') functionality. Once I removed the --env=jsdom-sixteen line from the test script in package.json everything started working as I expected.
-
How to test a select element with React Testing Library
"xByRole" is the most "correct" one, but it is also really slow if you're rendering something complex. Just a heads up. See this github issue for more info.
-
Using RTL: getByRole is quite slow on simple tests
https://github.com/testing-library/dom-testing-library/issues/820#issuecomment-726936225
cypress-testing-library
- Buenas prácticas con Angular Testing Library
-
Automated Accessibility Testing
One of the additional layers you can add to make sure you are building a good, accessible app, is to use “accessible queries” for elements you interact with in the tests. In other words, you find elements by text, labels, roles, aria-attributes, etc., rather than using the IDs or data-test attributes. This applies to all layers of testing. There is a very useful project called Testing Library, which provides you with UI-centric queries out of the box. It has a separate package for many different testing methods and libraries, including the Cypress one: Cypress Testing Library.
-
Cypress.io flakiness making me crazy
Is it a react app? Could be dom churn on the CI? In which case you might take a look at this: potential fix in the CTL.
-
Cypress vs. Testing Library?
From doing some research it seems like most people use Testing Library for unit / integration testing and Cypress for E2E testing, but from reading the documentation of both it seems like you can use them for the same thing. There is also even a Cypress Testing Library to make things even more confusing. So what do you do? Use Testing Library for unit / integration testing and Cypress for E2E? Use Testing Library for everything? Use Cypress for everything? I'm just really curious what people think about this (and it seems like I'm not the only one.
What are some alternatives?
em - A beautiful, minimalistic note-taking app for personal sensemaking.
cypress-real-events - Fire native system events from Cypress.
atl-good-testing-practices
cypress-axe - Test accessibility with axe-core in Cypress
jest - Delightful JavaScript Testing.
cypress-plugin-tab - A cypress plugin to add a tab command
cypress-realworld-app - A payment application to demonstrate real-world usage of Cypress testing methods, patterns, and workflows.
Cypress - Fast, easy and reliable testing for anything that runs in a browser.
axe-core - Accessibility engine for automated Web UI testing
jest-dom - :owl: Custom jest matchers to test the state of the DOM
cypress-a11y-testing - This project was created as a follow-up to the following blog post: https://developers.livechat.com/updates/livechat-automated-a11y-testing