1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- import React from 'react';
- import {mount, shallow} from 'enzyme';
- import {IssueDiff} from 'app/components/issueDiff';
- import {Client} from 'app/api';
- import entries from '../../mocks/entries';
- jest.mock('app/api');
- describe('IssueDiff', function() {
- let routerContext = TestStubs.routerContext();
- let api = new MockApiClient();
- it('is loading when initially rendering', function() {
- let wrapper = shallow(<IssueDiff baseIssueId="base" targetIssueId="target" />);
- expect(wrapper.find('SplitDiff')).toHaveLength(0);
- expect(wrapper).toMatchSnapshot();
- });
- it('can dynamically import SplitDiff', async function() {
- Client.addMockResponse({
- url: '/issues/target/events/latest/',
- body: {
- entries: entries[0],
- },
- });
- Client.addMockResponse({
- url: '/issues/base/events/latest/',
- body: {
- platform: 'javascript',
- entries: entries[1],
- },
- });
- // Need `mount` because of componentDidMount in <IssueDiff>
- let wrapper = mount(
- <IssueDiff api={api} baseIssueId="base" targetIssueId="target" />,
- routerContext
- );
- await tick();
- wrapper.update();
- expect(wrapper.find('SplitDiff')).toHaveLength(1);
- expect(wrapper).toMatchSnapshot();
- });
- it('can diff message', async function() {
- Client.addMockResponse({
- url: '/issues/target/events/latest/',
- body: {
- entries: [{type: 'message', data: {message: 'Hello World'}}],
- },
- });
- Client.addMockResponse({
- url: '/issues/base/events/latest/',
- body: {
- platform: 'javascript',
- entries: [{type: 'message', data: {message: 'Foo World'}}],
- },
- });
- // Need `mount` because of componentDidMount in <IssueDiff>
- let wrapper = mount(
- <IssueDiff api={api} baseIssueId="base" targetIssueId="target" />,
- routerContext
- );
- await tick();
- wrapper.update();
- expect(wrapper.find('SplitDiff')).toHaveLength(1);
- expect(wrapper).toMatchSnapshot();
- });
- });
|