Skip to content

Default setup for testing JavaScript/React packages with Jest

License

Notifications You must be signed in to change notification settings

WiserSolutions/test-js

Repository files navigation

test-js

Default setup for testing JavaScript/React packages with Jest

Use

Install using

npm install @wisersolutions/test-js

Add a test script to your package.json

{
  "scripts": {
    "test": "test-js"
  }
}

or just run it using npx test-js. This simply launches jest with a default setup tailored for testing packages containing React components - with enzyme and jest-enzyme to automatically include React, and the render functions in the global scope and add enzyme-matchers. Your component tests can now be as simple as:

describe('Component', () => {
  it('renders with defaults', () => {
    expect(shallow(<Component />)).toMatchSnapshot()
  })
})

If you need to customise the configuration, use @wisersolutions/test-js/lib/defaultConfig.js as defaults. If you also need to extend the test framework setup, don't forget to include @wisersolutions/test-js/lib/setup.js from your setup file or simply extend setupFilesAfterEnv config instead of replacing it.

Development

Install

Install dependencies using:

npm install

Develop

After you modify sources, run the following (or set up your IDE to do it for you):

  • format the code using npm run format
  • lint it using npm run lint
  • test it using npm test

and fix the errors, if there are any.

Publish

Publishing is done in two steps:

  1. Create a new version tag and push it to the repository:
    npm version <patch|minor|major>
    git push --follow-tags
  2. Build and publish the new version as a npm package:
    npm publish --access public

About

Default setup for testing JavaScript/React packages with Jest

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors 4

  •  
  •  
  •  
  •