atl-good-testing-practices
jest-dom
atl-good-testing-practices | jest-dom | |
---|---|---|
1 | 23 | |
2 | 4,298 | |
- | 0.7% | |
0.0 | 7.0 | |
almost 2 years ago | 4 days ago | |
TypeScript | JavaScript | |
- | 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.
atl-good-testing-practices
jest-dom
-
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?
angular-testing-library - 🐙 Simple and complete Angular testing utilities that encourage good testing practices
jest - Delightful JavaScript Testing.
cypress-testing-library - 🐅 Simple and complete custom Cypress commands and utilities that encourage good testing practices.
msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
dom-testing-library - 🐙 Simple and complete DOM testing utilities that encourage good testing practices.
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