Box.better.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')).toExist();
  });
  it('should apply custom class name if provided', () => {
    const box = shallow(<Box customClassName='custom-red-box' />);
    expect(box).toHaveClassName('custom-red-box');
  });
  it('should apply label if provided', () => {
    const box = shallow(<Box label='Red' />);
    expect(box).toHaveText('Red');
  });
});