import React from 'react' import renderer from 'react-test-renderer' import { configure, mount } from 'enzyme' import Adapter from 'enzyme-adapter-react-15' import { MemoryRouter } from 'react-router' import CheckIncompleteDeploy from '../../src/components/CheckIncompleteDeploy' configure({ adapter: new Adapter() }) describe('CheckIncompleteDeploys', () => { const history = { push: jest.fn() } it(`should render CheckIncompleteDeploys`, () => { // Given const component = renderer.create( ) // When const tree = component.toJSON() // Then expect(tree).toMatchSnapshot() }) it(`should navigate to StepFour`, () => { // Given const wrapper = mount( ) // When const checkIncompleteDeployComponent = wrapper.find('CheckIncompleteDeploy') const navigateToHandler = jest.spyOn(checkIncompleteDeployComponent.instance(), 'goToStepFour') wrapper.update() checkIncompleteDeployComponent .find('.buttons button') .at(0) .simulate('click') // Then expect(navigateToHandler).toHaveBeenCalledTimes(1) }) it(`should cancel the deploy`, () => { // Given const wrapper = mount( ) // When const checkIncompleteDeployComponent = wrapper.find('CheckIncompleteDeploy') const cancelHandler = jest.spyOn(checkIncompleteDeployComponent.instance(), 'cancel') wrapper.update() checkIncompleteDeployComponent .find('.buttons button') .at(1) .simulate('click') // Then expect(cancelHandler).toHaveBeenCalledTimes(1) }) })