jest testing tricks with react and mobx
First of all, i use a lot of jest with @testing-library/react. I think everyone heard about it and is already using it, if not, please give it a try :)
To get everything up and testing, we need to glue everything together with the jest config and the global test setup
setup hints
// jest.config.js
module.exports = {
preset: 'ts-jest',
testEnvironment: 'node',
setupFilesAfterEnv: ['./globalTestSetup.js']
};
// globalTestSetup.js
require('jest-styled-components')
require('@testing-library/jest-dom/extend-expect')
require('mobx-react-lite/batchingForReactDom')
mocking a mobx model from useContext
In my current default setup, i’m using mob-react-lite and the useContext hook to access the data store.
...