Background Information: jsdom does not implement window.resizeBy() or window.resizeTo() jsdom defines the window innerWidth and innerHeight to be 1024 x 768 It is possible to simulate a window resize using jsdom by manually setting window.innerWidth and window.innerHeight and firing the resize event Here is an example: comp.js import * as React from ‘react’; export default … Read more
While it should be bundled with jsdom, it isn’t with jsdom 16. Therefore you can polyfill like so: import { TextEncoder, TextDecoder } from ‘util’; Object.assign(global, { TextDecoder, TextEncoder }); You will have to add that to the test or to a setupFile like setup.jest.ts.
Jest tests are running in JSdom environment and not all of the properties are defined, but so you should define the function before spying on it. Here is an example: const writeText = jest.fn() Object.assign(navigator, { clipboard: { writeText, }, }); describe(“Clipboard”, () => { describe(“writeText”, () => { beforeAll(() => { navigator.clipboard.writeText.mockResolvedValue(undefined) // or … Read more
Zombie.js and Node.io run on JSDOM, hence your options are either going with JSDOM (or any equivalent wrapper), a headless browser (PhantomJS, SlimerJS) or Cheerio. JSDOM is fairly slow because it has to recreate DOM and CSSOM in Node.js. PhantomJS/SlimerJS are proper headless browsers, thus performances are ok and those are also very reliable. Cheerio … Read more
Well, I actually needed JSDom for a small project I built over the weekend in node.js. So, on my server, I had to accept a URL to fetch, grab all of the HTML from the given URL, parse it, and display images to the user so that the user could select a thumbnail from that … Read more
I was able to use jsdom-global to fix this issue. Follow the instructions in that link to install. Specifically, run npm install –save-dev –save-exact jsdom jsdom-global then add -r jsdom-global/register to your mocha command-line. When you re-run your tests, the window is not defined error will go away.
For those looking for examples using create-react-app Install yarn add –dev jest-canvas-mock Create a new ${rootDir}/src/setupTests.js with import ‘jest-canvas-mock’;
To correct the (misleading) accepted answer and explicitly underline that very important bit of information from one of the previous comments: No. Jest does not clean the JSDOM document after each test run! It only clears the DOM after all tests inside an entire file are completed. That means that you have to manually cleanup … Read more
My team is using create-react-app and we had previously addressed this problem by adding the npm package jest-canvas-mock. Now after upgrading to react-scripts 3.4.1, we also had to add a specific import to our src/setupTests.ts file: import ‘jest-canvas-mock’;
I setup a PhantomJs Cloud Service, and it pretty much does what you are asking. It took me about 5 weeks of work implement. The biggest problem you’ll run into is the known-issue of memory leaks in PhantomJs. The way I worked around this is to cycle my instances every 50 calls. The second biggest … Read more