dom-testing-library
🐙 Simple and complete DOM testing utilities that encourage good testing practices. (by testing-library)
jest-dom
:owl: Custom jest matchers to test the state of the DOM (by testing-library)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
dom-testing-library | jest-dom | |
---|---|---|
4 | 23 | |
3,233 | 4,298 | |
0.4% | 0.5% | |
6.5 | 7.0 | |
4 days ago | 2 days ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of dom-testing-library.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-04-08.
- 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
jest-dom
Posts with mentions or reviews of jest-dom.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-12-15.
-
Unit tests in React with Jest and Testing Library
Tests structure Queries Roles User events Matchers Jest Matchers testing-library Mock functions
-
Mastering Jest Configuration for React TypeScript Projects with Vite: A Step-by-Step Guide
//config/jest/setupTests.ts // jest-dom adds custom jest matchers for asserting on DOM nodes. // allows you to do things like: // expect(element).toHaveTextContent(/react/i) // learn more: https://github.com/testing-library/jest-dom import '@testing-library/jest-dom';
-
Anyone have setup instructions for Vitest + Typescript + React testing library? My setup is failing to extend matchers on Vitest Types
Update: Just got it working. Following the instructions on this github issue and using `shamefully-hoist=true` with pnpm I got it working. The issue I was facing was with pnpm.
-
Is there a jest query method for this use case?
React Testing Library uses jest-dom which has a .getByText() matcher.
-
Setting Up a Modern Preact Application With Typescript, Vite and Vitest
vitest-dom extends the standard Jest matchers with convenient methods like .toBeDisabled. Now you can write tests that assert on the state of the DOM. The package is a fork of @testing-library/jest-dom.
-
Superset: Testing and Enzyme to RTL conversion
jest-dom matchers
-
Migrating from Jest to Vitest
At the time of writing this article, it still seems to be an open issue. However, a workaround I found is to add "skipLibCheck": true, to your tsconfig.json file.
- Buenas prácticas con Angular Testing Library
-
Unable to test React-Redux Toolkit app
// jest-dom adds custom jest matchers for asserting on DOM nodes. // allows you to do things like: // expect(element).toHaveTextContent(/react/i) // learn more: https://github.com/testing-library/jest-dom import '@testing-library/jest-dom'; import { server } from './mocks/server'; beforeAll( () => server.listen( { onUnhandledRequest: 'error' } ) ); afterEach( () => server.resetHandlers() ); afterAll( () => server.close() );
-
Setup Jest to React Typescript Vite project, also SWC (part 1)
Everything you want to do to your test environment such as extends the jest matchers with @testing-library/jest-dom, mock some APIs that’s not implemented in jdom, you can put to config/jest/setupTests.js:
What are some alternatives?
When comparing dom-testing-library and jest-dom you can also consider the following projects:
em - A beautiful, minimalistic note-taking app for personal sensemaking.
jest - Delightful JavaScript Testing.
atl-good-testing-practices
msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
Cypress - Fast, easy and reliable testing for anything that runs in a browser.
jest-cheat-sheet - Jest cheat sheet
user-event - 🐕 Simulate user events
husky - Git hooks made easy 🐶 woof!
jest-axe - Custom Jest matcher for aXe for testing accessibility ♿️🃏
svelte-material-ui - Svelte Material UI Components
jsdom - A JavaScript implementation of various web standards, for use with Node.js