Box.spec.jsx

import * as React from 'react';
import { shallow } from 'enzyme';
import { Box } from './Box';

describe('Tests for Box component', () => {
  it('should render', () => {
    const box = shallow(<Box />);
    expect(box.find('.box').exists()).toEqual(true);
  });
  it('should apply custom class name if provided', () => {
    const box = shallow(<Box customClassName='custom-red-box' />);
    expect(box.hasClass('custom-red-box')).toEqual(true);
  });
  it('should apply label if provided', () => {
    const box = shallow(<Box label='Red' />);
    expect(box.text()).toEqual('Red');
  });
});