Mocha Snapshots

FORKED from https://github.com/wellguimaraes/mocha-snapshots

Snapshot/regression testing for using with Mocha.

• Works with and without Enzyme
• Works with React Test Renderer
• Plugin replacement from jest snapshots

Install it

npm i mocha-jest-snapshots --save

Use it

import { expect } from 'chai';
import { shallow } from 'enzyme';
import MyComponent from './path/to/MyComponent';

describe('<MyComponent />', () => {
  it('should match snapshot', () => {
    const wrapper = shallow(<MyComponent />);

    // You can match Enzyme wrappers
    expect(wrapper).to.matchSnapshot();

    // Strings
    expect('you can match strings').to.matchSnapshot();

    // Numbers
    expect(123).to.matchSnapshot();

    // Or any object
    expect({ a: 1, b: { c: 1 } }).to.matchSnapshot();
  });
});

Run your tests

Add a require argument to your test script/command

mocha --require mocha-jest-snapshots

Disable classNames cleanup

To prevent false mismatches, mocha-jest-snapshots sanitizes className props by default. You can disable this behavior before running your tests:

import mochaSnapshots from 'mocha-jest-snapshots';

mochaSnapshots.setup({ sanitizeClassNames: false });

Update snapshots

Set an environment variable UPDATE and run your test script or add the flag --update when running Mocha:

UPDATE=1 mocha --require mocha-jest-snapshots

or

mocha --require mocha-jest-snapshots --update