Similar to what others have said, but instead of trying to mock the DOM yourself, just use JSDOM: // __mocks__/client.js import { JSDOM } from “jsdom” const dom = new JSDOM() global.document = dom.window.document global.window = dom.window Then in your jest config: “setupFiles”: [ “./__mocks__/client.js” ],
The way I did it can be found in this Stack Overflow question. It is important to use resetModules before each test and then dynamically import the module inside the test: describe(‘environmental variables’, () => { const OLD_ENV = process.env; beforeEach(() => { jest.resetModules() // Most important – it clears the cache process.env = { …OLD_ENV … Read more
I was struggling with the same problem and actually it turns out that a simple change seems to do the trick. I just updated the moduleDirectories field in jest.config.js. Before moduleDirectories: [‘node_modules’] After moduleDirectories: [‘node_modules’, ‘src’] Hope it helps.
You can test your async function like this: it(‘should test async errors’, async () => { await expect(failingAsyncTest()) .rejects .toThrow(‘I should fail’); }); ‘I should fail’ string will match any part of the error thrown.
Only methods can be spied. There is no way to spy on funcB if it’s called directly like funcB() within same module. In order for exported function to be spied or mocked, funcA and funcB should reside in different modules. This allows to spy on funcB in transpiled ES module (module object is read-only in … Read more
Using jest.spyOn() is the proper Jest way of mocking a single method and leaving the rest be. Actually there are two slightly different approaches to this. 1. Modify the method only in a single object import Person from “./Person”; test(‘Modify only instance’, () => { let person = new Person(‘Lorem’, ‘Ipsum’); let spy = jest.spyOn(person, … Read more
As every test suite run its own environment, you can mock globals by just overwriting them. All global variables can be accessed by the global namespace: global.navigator = { onLine: true } The overwrite has only effects in your current test and will not effect others. This also a good way to handle Math.random or … Read more
Also using Babel, Typescript and Jest. Had the same failure, driving me crazy for hours. Ended up creating a new babel.config.js file specifically for the tests. Had a large .babelrc that wasn’t getting picked up by jest no matter what i did to it. Main app still uses the .babelrc as this overrides babel.config.js files. … Read more
Yes, you’re on the right track. What happens await simpleTimer(callback) will wait for the Promise returned by simpleTimer() to resolve so callback() gets called the first time and setTimeout() also gets called. jest.useFakeTimers() replaced setTimeout() with a mock so the mock records that it was called with [ () => { simpleTimer(callback) }, 1000 ]. … Read more
Great solution from @chiedo However, we use ES2015 syntax and I felt it was a little cleaner to write it this way. class LocalStorageMock { constructor() { this.store = {}; } clear() { this.store = {}; } getItem(key) { return this.store[key] || null; } setItem(key, value) { this.store[key] = String(value); } removeItem(key) { delete this.store[key]; … Read more