@engie-group/fluid-design-system-react/src/components/inline-message/test/InlineMessage.global.test.jsx

Fluid Design System React

import renderer from 'react-test-renderer';
import React from 'react';

import { NJInlineMessage as FluidLib } from '../../../../lib/index';

let container;

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

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

it('renders correctly using library', () => {
  const tree = renderer
    .create(
      <FluidLib isClosable={true}>
        <span data-child-name="njInlineMessageTitle">Title</span>
        <p>content</p>
      </FluidLib>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

it('renders correctly using library with only content', () => {
  const tree = renderer
    .create(
      <FluidLib isClosable={true}>
        <p>content</p>
      </FluidLib>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});

it('renders correctly using library with only title', () => {
  const tree = renderer
    .create(
      <FluidLib isClosable={true}>
        <span data-child-name="njInlineMessageTitle">Title</span>
      </FluidLib>
    )
    .toJSON();
  expect(tree).toMatchSnapshot();
});