Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
jest-environment-jsdom
Advanced tools
The jest-environment-jsdom package is a custom environment for Jest that allows you to simulate a browser-like environment using jsdom. This is useful for testing web applications without running them in an actual browser. It provides a simulated DOM API that you can interact with in your tests.
Simulating browser environment for testing
This feature allows you to simulate browser-like interactions such as clicking a button and then asserting the expected outcome, all within a Node.js environment.
test('simulates a click event', () => {
document.body.innerHTML = '<button id="button">Click me</button>';
const button = document.getElementById('button');
button.addEventListener('click', () => {
button.innerHTML = 'Clicked';
});
button.click();
expect(button.innerHTML).toBe('Clicked');
});
Testing DOM manipulation
You can test DOM manipulation by creating, modifying, and removing elements, and then asserting that these changes have taken place as expected.
test('adds a new div to the body', () => {
const div = document.createElement('div');
div.id = 'new-div';
document.body.appendChild(div);
expect(document.getElementById('new-div')).not.toBeNull();
});
Mocking global variables
The package allows you to mock global variables such as localStorage, which is useful for testing code that interacts with browser APIs that are not available in Node.js.
test('mocks a global variable', () => {
global.localStorage = {
getItem: jest.fn().mockReturnValue('mockValue')
};
expect(global.localStorage.getItem('key')).toBe('mockValue');
});
This package is similar to jest-environment-jsdom but is intended for testing Node.js applications. It does not simulate a browser environment and is therefore not suitable for testing browser-specific code.
Karma is a test runner that works with any framework and allows you to run tests in real browsers. Unlike jest-environment-jsdom, which simulates a browser environment, Karma actually runs tests in real browsers, which can be more accurate but also slower and more complex to set up.
This package integrates jsdom with Mocha, another testing framework. It provides similar functionality to jest-environment-jsdom but is designed to work with Mocha instead of Jest.
Enzyme is a testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output. It can be used in conjunction with jest-environment-jsdom to test React components in a simulated browser environment.
26.6.2
[jest-core]
Add findRelatedTests
and nonFlagArgs
in allowed config options for updateConfigAndRun
in watch plugins (#10659)[babel-plugin-jest-hoist]
Preserve order of hoisted mock nodes within containing block (#10536)[babel-plugin-jest-hoist]
Hoist pure constants to support experimental JSX transform in hoisted mocks (#10723)[babel-preset-jest]
Update babel-preset-current-node-syntax
to support top level await (#10747)[expect]
Revert "Fix objectContaining
to work recursively into sub-objects (#10508)" (#10766)[jest-circus, jest-jasmine2]
fix: don't assume stack
is always a string (#10697)[jest-config]
Fix bug introduced in watch mode by PR #10678 (#10692)[jest-config]
Throw correct error for missing preset modules (#10737)[jest-resolve-dependencies]
Resolve mocks as dependencies (#10713)[jest-runtime]
Handle file URLs in dynamic imports (#10744)[jest-runtime, babel-jest]
Pass more ESM options to @jest/transform
(#10752)[jest-runtime]
Properly inject extraGlobals
into the runtime (#10758)[jest-transform]
Link to ESM docs on syntax errors (#10748)[docs]
Add docs for using mocks in TypeScript (#10415)[eslint-config-fb-strict]
Move package from this repo to fbjs
repo (#10739)[examples]
Update TypeScript example to show use of newer Jest types (#10399)[jest-cli]
chore: standardize files and folder names (#10698)[jest-config]
Switch ts-node Register
type to Service
due to deprecation (#11210)FAQs
Unknown package
The npm package jest-environment-jsdom receives a total of 14,078,544 weekly downloads. As such, jest-environment-jsdom popularity was classified as popular.
We found that jest-environment-jsdom demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.