58 lines
2 KiB
JavaScript
58 lines
2 KiB
JavaScript
import '~/behaviors/markdown/render_gfm';
|
|
import { getByText } from '@testing-library/dom';
|
|
import { mount } from '@vue/test-utils';
|
|
import { mapInline } from '~/diffs/components/diff_row_utils';
|
|
import InlineDiffView from '~/diffs/components/inline_diff_view.vue';
|
|
import { createStore } from '~/mr_notes/stores';
|
|
import discussionsMockData from '../mock_data/diff_discussions';
|
|
import diffFileMockData from '../mock_data/diff_file';
|
|
|
|
describe('InlineDiffView', () => {
|
|
let wrapper;
|
|
const getDiffFileMock = () => ({ ...diffFileMockData });
|
|
const getDiscussionsMockData = () => [{ ...discussionsMockData }];
|
|
const notesLength = getDiscussionsMockData()[0].notes.length;
|
|
|
|
const setup = (diffFile, diffLines) => {
|
|
const mockDiffContent = {
|
|
diffFile,
|
|
shouldRenderDraftRow: jest.fn(),
|
|
};
|
|
|
|
const store = createStore();
|
|
|
|
store.dispatch('diffs/setInlineDiffViewType');
|
|
wrapper = mount(InlineDiffView, {
|
|
store,
|
|
propsData: {
|
|
diffFile,
|
|
diffLines: diffLines.map(mapInline(mockDiffContent)),
|
|
},
|
|
});
|
|
};
|
|
|
|
describe('template', () => {
|
|
it('should have rendered diff lines', () => {
|
|
const diffFile = getDiffFileMock();
|
|
setup(diffFile, diffFile.highlighted_diff_lines);
|
|
|
|
expect(wrapper.findAll('tr.line_holder').length).toEqual(8);
|
|
expect(wrapper.findAll('tr.line_holder.new').length).toEqual(4);
|
|
expect(wrapper.findAll('tr.line_expansion.match').length).toEqual(1);
|
|
getByText(wrapper.element, /Bad dates/i);
|
|
});
|
|
|
|
it('should render discussions', () => {
|
|
const diffFile = getDiffFileMock();
|
|
diffFile.highlighted_diff_lines[1].discussions = getDiscussionsMockData();
|
|
diffFile.highlighted_diff_lines[1].discussionsExpanded = true;
|
|
setup(diffFile, diffFile.highlighted_diff_lines);
|
|
|
|
expect(wrapper.findAll('.notes_holder').length).toEqual(1);
|
|
expect(wrapper.findAll('.notes_holder .note').length).toEqual(notesLength + 1);
|
|
getByText(wrapper.element, 'comment 5');
|
|
wrapper.vm.$store.dispatch('setInitialNotes', []);
|
|
});
|
|
});
|
|
});
|