TicketsPage.test.js

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

import TicketsPage from './TicketsPage';

describe('TicketsPage Structural with Enzyme', () => {
	describe('when loading tickets', () => {
	  const wrapper = render(<TicketsPage loading tickets={[]} />);

	  it('should render spinner only', () => {
	  	//console.log(wrapper.html());
	    expect(wrapper.find('h1').text()).toEqual('Your Tickets');
	    expect(wrapper.find('.spinner').length).toEqual(1);
	  });

	});
	describe('when there is an error', () => {
	  const wrapper = render(<TicketsPage error='mock err' tickets={[]} />);

	  it('should render error alert', () => {
	  	//console.log(wrapper.html());
	    expect(wrapper.find('p').text()).toEqual('mock err');
	    expect(wrapper.find('.alert').length).toEqual(1);
	  });

	});

	describe('when there are no tickets', () => {
	  const wrapper = render(<TicketsPage tickets={[]} />);

	  it('should render empty message', () => {
	  	//console.log(wrapper.html());
	    expect(wrapper.find('p').text()).toEqual('There are no tickets.');
	    //expect(wrapper.html()).toMatchSnapshot();
	  });

	});
});

// import React from 'react';
// import renderer from 'react-test-renderer';
// import TicketsPage from './TicketsPage';

// describe('TicketsPage (Snapshot)', () => {
// 	describe('when there are no tickets', () => {
// 	  it('should render empty message', () => {
// 	    const component = renderer.create(<TicketsPage tickets={[]} />);
// 	    const json = component.toJSON();
// 	    expect(json).toMatchSnapshot();
// 	  });
//   });
// });