@engie-group/fluid-design-system-react/src/components/segmented-control/test/SegmentedControl.lib.test.jsx

Fluid Design System React

import renderer from 'react-test-renderer';
import React from 'react';
import { NJSegmentedControl as FluidLib } from '../../../../lib/index';
import { NJSegmentedControl as Source } from '../../../../src/components/segmented-control/NJSegmentedControl';
import { NJSegmentedControlButton } from '../NJSegmentedControlButton';

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>
        <NJSegmentedControlButton label="Item 1" value="item1" />
        <NJSegmentedControlButton label="Item 2" value="item2" />
        <NJSegmentedControlButton label="Item 3" value="item3" />
        <NJSegmentedControlButton label="Item 4" value="item4" />
        <NJSegmentedControlButton label="Item 5" value="item5" />
        <NJSegmentedControlButton iconName="av_timer" label="Item 6" value="item6" />
        <NJSegmentedControlButton isDisabled label="Item 7" value="item7" />
      </FluidLib>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

it('renders correctly using sources', () => {
  const tree = renderer
    .create(
      <Source>
        <NJSegmentedControlButton label="Item 1" value="item1" />
        <NJSegmentedControlButton label="Item 2" value="item2" />
        <NJSegmentedControlButton label="Item 3" value="item3" />
        <NJSegmentedControlButton label="Item 4" value="item4" />
        <NJSegmentedControlButton label="Item 5" value="item5" />
        <NJSegmentedControlButton iconName="av_timer" label="Item 6" value="item6" />
        <NJSegmentedControlButton isDisabled label="Item 7" value="item7" />
      </Source>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});