snapshot-component-test-1

snapshot-component-test-1.jsx

// BuyNow.jsx
const BuyNow = ({ price, text }) => (<div>
  <span className="price">£{price}</span>
  <button className="btn-primary">{text}</button>
</div>);

// BuyNow.test.jsx
import { shallow } from 'enzyme';
import BuyNow from '../BuyNow';

describe('The BuyNow component', () => {
  it('renders with the right price', () => {    
    const props = { price: 25 };
    const tree = shallow(<BuyNow {...props} />);

    expect(tree.find('span').length()).toEqual(1);
    expect(tree.find('span').text()).toEqual('£25');
    expect(tree.find('span').hasClass('price')).toBe(true);
  });
});