energylink/public/app/features/explore/LogMessageAnsi.test.tsx

import React from 'react';
import { shallow } from 'enzyme';

import { LogMessageAnsi } from './LogMessageAnsi';

describe('<LogMessageAnsi />', () => {
  it('renders string without ANSI codes', () => {
    const wrapper = shallow(<LogMessageAnsi value="Lorem ipsum" />);

    expect(wrapper.find('span').exists()).toBe(false);
    expect(wrapper.text()).toBe('Lorem ipsum');
  });

  it('renders string with ANSI codes', () => {
    const value = 'Lorem \u001B[31mipsum\u001B[0m et dolor';
    const wrapper = shallow(<LogMessageAnsi value={value} />);

    expect(wrapper.find('span')).toHaveLength(1);
    expect(wrapper.find('span').first().prop('style')).toMatchObject(expect.objectContaining({
      color: expect.any(String)
    }));
    expect(wrapper.find('span').first().text()).toBe('ipsum');
  });
});