@types/jsdom
Advanced tools
TypeScript definitions for jsdom
The @types/jsdom package provides TypeScript type definitions for jsdom, a pure-JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards. It allows for the simulation of a web browser's environment in Node.js, enabling the testing of web pages and applications without a browser. This package is essential for TypeScript developers working with jsdom, as it offers type checking and IntelliSense support in code editors.
Creating a new JSDOM instance
This feature allows you to create a new JSDOM instance, simulating an HTML page. It is useful for testing and scraping web content in a Node.js environment.
import { JSDOM } from 'jsdom';
const dom = new JSDOM(`<html><body><p>Hello world</p></body></html>`);Querying elements
After creating a JSDOM instance, you can query elements within the simulated page using standard DOM APIs, such as `querySelector`. This is particularly useful for testing DOM manipulation and event handling.
const paragraph = dom.window.document.querySelector('p');
console.log(paragraph.textContent); // Outputs: Hello worldModifying elements
This feature demonstrates modifying the content of an element within the JSDOM instance. It's a common operation for testing dynamic web applications.
paragraph.textContent = 'Goodbye world';
console.log(dom.window.document.querySelector('p').textContent); // Outputs: Goodbye worldCheerio is a fast, flexible, and lean implementation of core jQuery designed specifically for the server. Unlike @types/jsdom, which simulates a full web browser environment, Cheerio parses, manipulates, and renders HTML on the server without implementing a full DOM or requiring a browser. It's more lightweight and faster for simple web scraping and page manipulation tasks.
Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. It is capable of rendering and testing web pages in a real browser environment. Compared to @types/jsdom, Puppeteer is more powerful for end-to-end testing and web scraping, especially for dynamic websites that require JavaScript execution, but it is also heavier and requires a Chromium or Chrome installation.
npm install --save @types/jsdom
This package contains type definitions for jsdom (https://github.com/jsdom/jsdom).
Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/jsdom.
These definitions were written by Leonard Thieu, Johan Palmfjord, and ExE Boss.
FAQs
TypeScript definitions for jsdom
The npm package @types/jsdom receives a total of 10,884,427 weekly downloads. As such, @types/jsdom popularity was classified as popular.
We found that @types/jsdom demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
The Latio podcast explores how static and runtime reachability help teams prioritize exploitable vulnerabilities and streamline AppSec workflows.
Security News
The latest Opengrep releases add Apex scanning, precision rule tuning, and performance gains for open source static code analysis.
Security News
npm now supports Trusted Publishing with OIDC, enabling secure package publishing directly from CI/CD workflows without relying on long-lived tokens.