jest-dom
Cypress
Our great sponsors
jest-dom | Cypress | |
---|---|---|
22 | 174 | |
4,290 | 46,143 | |
1.1% | 0.6% | |
7.0 | 9.8 | |
10 days ago | about 19 hours 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.
jest-dom
-
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:
-
Svelte test suite setup
This will register the additional assertions from @testing-library/jest-dom.
Cypress
-
Simulating Internet Outage and Recovery using Cypress
In this blog post, we'll explore a Cypress test that replicates this scenario, utilizing the powerful intercept command to manipulate network requests and responses.
-
Testing Defer Blocks in Angular with Cypress
Recently I came across this issue while triaging some issues at Cypress. (Shout out to MattiaMalandrone for creating an issue with clear instructions for how to reproduce). After quickly replicating the issue I sought after a solution which ultimately inspired me to write this article.
- Cypress changed older versions to block third-party plugins (ignoring lockfiles)
- Cypress can't open Tesla.com website
-
What is Playwright?
While similar to Puppeteer, Cypress, and Selenium, there are some differences. Let’s find out what they are.
- Episode 23/37: ISR in Angular, Cypress & Playwright
-
/Does Cypress Component Testing Work With Libraries
This questions was asked a while ago and pretty much went unanswered: https://github.com/cypress-io/cypress/issues/23677. If it doesn't work with libraries yet I will stop battling with it for now. If it doesn't work, what are you using to test libraries?
- Finally promising Web Testing solution
-
Episode 23/27: NgRx 16.1 & Signal Store, Jest, Cypress, Nx
Cypress Release Notes
- Trouble/Weirdness with accessing aliased values in `this` context
What are some alternatives?
jest - Delightful JavaScript Testing.
Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
msw - Seamless REST/GraphQL API mocking library for browser and Node.js.
Detox - Gray box end-to-end testing and automation framework for mobile apps
jest-cheat-sheet - Jest cheat sheet
user-event - 🐕 Simulate user events
kafka-test-helper - Utility library that simplify testing of Node.js components that interacts with Kafka broker.
husky - Git hooks made easy 🐶 woof!
supertest - 🕷 Super-agent driven library for testing node.js HTTP servers using a fluent API. Maintained for @forwardemail, @ladjs, @spamscanner, @breejs, @cabinjs, and @lassjs.
jest-axe - Custom Jest matcher for aXe for testing accessibility ♿️🃏
Sentry - Developer-first error tracking and performance monitoring