Security News
The Push to Ban Ransom Payments Is Gaining Momentum
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
jest-environment-jsdom
Advanced tools
Package description
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.
Changelog
jest-cli 11.0.0, babel-jest 11.0.0 (pre-releases 0.9 to 0.10)
testRunner: "jasmine1"
into your configuration.jest-util
, jest-mock
, jest-jasmine1
, jest-jasmine2
, jest-environment-node
, jest-environment-jsdom
packages.babel-jest-preset
and babel-jest
as packages. babel-jest
is now being auto-detected.babel-plugin-jest-hoist
which hoists jest.unmock
, jest.mock
and the new jest.enableAutomock
and jest.disableAutomock
API.babel-jest
integration and react-native
testing.babel-jest
.jest.mock('moduleName', moduleFactory)
feature. jest.mock
now gets hoisted by default. jest.doMock
was added to explicitly mock a module without the hoisting feature of babel-jest
.--watch
.--watch
.--watch
will now only runs tests related to changed files. --watch=all
can be used to run all tests on file system changes.--watch
re-runs to not trigger test runs during a branch switch in version control.jest.fn()
and jest.fn(implementation)
as convenient shortcuts for jest.genMockFunction()
and jest.genMockFunction().mockImplementation()
.automock
option to turn off automocking globally.process.NODE_ENV
to test
unless otherwise specified.moduleNameMapper
config option when used with paths.throw 'string errors'
.--onlyChanged
option.toBeCalled
Jasmine 2 custom matcher messages.xit
and xdescribe
.preprocessCachingDisabled
config option.testEnvironment
option to customize the sandbox environment.@scoped/name
npm packages.FAQs
Unknown package
We found that jest-environment-jsdom demonstrated a healthy version release cadence and project activity because the last version was released less than 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
Ransomware costs victims an estimated $30 billion per year and has gotten so out of control that global support for banning payments is gaining momentum.
Application Security
New SEC disclosure rules aim to enforce timely cyber incident reporting, but fear of job loss and inadequate resources lead to significant underreporting.
Security News
The Python Software Foundation has secured a 5-year sponsorship from Fastly that supports PSF's activities and events, most notably the security and reliability of the Python Package Index (PyPI).