Commit de043c3

committed

feat: add enzyme and enzyme-to-json for jest snapshot serialization using enzyme, update README for new test structure/style

1 parent a13a4e4 commit de043c3Copy full SHA for de043c3

File tree

+410

-20

lines changed

+410

-20

lines changed

Lines changed: 9 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -186,14 +186,17 @@ higher. If you experience errors, please upgrade your version of Node.js.`
`186`	`186`
`187`	`187`	`The default testing framework is Jest, though you can use whatever you want.`
`188`	`188`
`189`		`-Tests should reside alongside the modules they are testing:`
	`189`	`+Tests and their corresponding files such as Jest snapshots, should be co-located`
	`190`	+alongside the modules they are testing, in a `spec/` folder. For example:
`190`	`191`
`191`	`192`	```
`192`		`-├── server`
`193`		`-│ ├── api`
`194`		`-│ │ ├── todos`
`195`		`-│ │ │ ├── todos.controller.js`
`196`		`-│ │ │ ├── todos.controller.test.js`
	`193`	`+├── components`
	`194`	`+│ ├── todos`
	`195`	`+│ │ ├── TodoForm`
	`196`	`+│ │ │ ├── spec`
	`197`	`+│ │ │ │ ├── TodoForm.test.js`
	`198`	`+│ │ │ ├── index.js`
	`199`	`+│ │ │ ├── index.scss`
`197`	`200`	```
`198`	`201`
`199`	`202`	Tests can be written with ES2015, since it passes through `babel-register`.

Lines changed: 6 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,13 +6,17 @@ const moduleAliasesMap = mapValues(`
`6`	`6`	mapKeys(_moduleAliases, (_, alias) => `${alias}/(.*)$`),
`7`	`7`	path => `<rootDir>/${path}/1ドル`
`8`	`8`	`);`
`9`		`-const staticFiles = '\\.(jpg\|jpeg\|png\|gif\|eot\|otf\|webp\|svg\|ttf\|woff\|woff2\|mp4\|'`
`10`		`- + 'webm\|wav\|mp3\|m4a\|aac\|oga)$';`
	`9`	`+`
`11`	`10`	`const cssFiles = '\\.(css\|scss\|less)$';`
	`11`	`+const staticFiles =`
	`12`	`+ '\\.(jpg\|jpeg\|png\|gif\|eot\|otf\|webp\|svg\|ttf\|woff\|woff2\|mp4\|' +`
	`13`	`+ 'webm\|wav\|mp3\|m4a\|aac\|oga)$';`
`12`	`14`
`13`	`15`	`module.exports = {`
`14`	`16`	`verbose: true,`
`15`	`17`	`moduleFileExtensions: ['js', 'jsx'],`
	`18`	`+ snapshotSerializers: ['enzyme-to-json/serializer'],`
	`19`	`+ setupTestFrameworkScriptFile: '<rootDir>/jest.setup.js',`
`16`	`20`	`moduleNameMapper: {`
`17`	`21`	`...moduleAliasesMap,`
`18`	`22`	`[staticFiles]: '<rootDir>/__mocks__/fileMock.js',`

Lines changed: 5 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,5 @@`
	`1`	`+const { configure } = require('enzyme');`
	`2`	`+const Adapter = require('enzyme-adapter-react-16');`
	`3`	`+`
	`4`	`+// configure an adapter for enzyme`
	`5`	`+configure({ adapter: new Adapter() });`

Comments

(0)