@engie-group/fluid-design-system-react/src/components/button/test/Button.lib.test.jsx

Fluid Design System React

import renderer from 'react-test-renderer';
import React from 'react';
import { NJButton as FluidLib } from '../../../../lib/index';
import { NJButton as Source } from '../../../../src/components/button/NJButton';

const variants = ['primary', 'secondary', 'destructive', 'inverse'];
let container;

beforeEach(() => {
  container = document.createElement('div');
  document.body.appendChild(container);
});

afterEach(() => {
  document.body.removeChild(container);
  container = null;
});

it('renders correctly using global library', () => {
  const tree = renderer.create(<FluidLib label="super" variant="destructive" />).toJSON();
  expect(tree).toMatchSnapshot();
});

it('renders correctly using sources', () => {
  const tree = renderer.create(<Source label="label" variant="inverse" />).toJSON();
  expect(tree).toMatchSnapshot();
});

for (let variant of variants) {
  it('renders variant ' + variant, () => {
    const tree = renderer.create(<Source label="label" variant={variant} />).toJSON();
    expect(tree).toMatchSnapshot();
  });
}