Couple of issues with your approach. First, creating an onClick mock like that won’t mock your button’s onClick callback. The callback is internal to the component and you don’t have access to it from the test. What you could do instead is test the result of triggering the onClick event, which in this case means … Read more
EDIT (Jan 2018): It is now possible to do so (since Jest v20), and the option is called projects. Read more about it the docs. Basically you can define an array of your projects you want Jest to be run within: { “projects”: [“<rootDir>/client”, “<rootDir>/server”, “<rootDir>/some-glob/*”] } Just remember every project needs to have its … Read more
You are combining Async/Await and Done. Either use asnyc/await, or done. it(‘throws an error if user signs up with email that is in use’, async () => { try { await service(); expect(…); } catch (err) { } }); or use the done format it(‘throws an error if user signs up with email that is … Read more
I had a similar issue which was resolved by calling the event.preventDefault() method. This would need to be called in your ‘onSubmit’ function i think const onSubmit = jest.fn(e => e.preventDefault()); edit: woops forgot to invoke it! 😅
Enzyme is dead. (There will be no React 18 support) you can read the article below for more info but in short: the API changes in React 18 meant that releasing a React 18 Enzyme adapter will not be possible A bit of personal advice While Migrate from Enzyme support article is available, I suggest … Read more
You have a few options in this case: Add jest to your package.json: “dependencies”: { “jest”: “^18.1.0” } This only works if you are working JavaScript and do not have a tsconfig.json. Install @types/jest $ npm install -D @types/jest This should work for both JavaScript and TypeScript projects. However @types but may be disabled by … Read more
One possible solution would be to use two different tsconfig files, one for the tests and one for the production build. tsconfig.json { “compilerOptions”: { “module”: “commonjs”, “target”: “es6”, “outDir”: “./build”, “baseUrl”: “.”, “paths”: { “*”: [“types/*”] }, “strict”: true, } } tsconfig.prod.json { “extends”: “./tsconfig”, “exclude”: [“**/*.test.ts”, “**/*.mock.ts”] } Then point tsc to the … Read more
There are some good examples in the Jest documentation about passing in an argument for the test. This argument can be called to signal a passing test or you can call fail on it to fail the test, or it can timeout and fail. https://jestjs.io/docs/en/asynchronous.html https://alligator.io/testing/asynchronous-testing-jest/ Examples Notice I set the timeout to 1500ms const … Read more
expect(…).toThrow() is for checking if an error is thrown from a function call. When calling an async function, it never throws an error; rather it returns a Promise which may eventually become “rejected.” Although async functions use the same throw/catch terminology, the code required to detect a thrown error differs from what’s required to detect … Read more
const itif = (condition) => condition ? it : it.skip; describe(‘suite name’, () => { itif(true)(‘test name’, async () => { // Your test }); });