2020-08-21 14:10:24 -04:00
|
|
|
import Vuex from 'vuex';
|
|
|
|
import { shallowMount, createLocalVue } from '@vue/test-utils';
|
2020-08-17 17:09:56 -04:00
|
|
|
import { createStore } from '~/mr_notes/stores';
|
2019-12-09 07:07:58 -05:00
|
|
|
import ParallelDiffView from '~/diffs/components/parallel_diff_view.vue';
|
2020-08-21 14:10:24 -04:00
|
|
|
import parallelDiffTableRow from '~/diffs/components/parallel_diff_table_row.vue';
|
2018-06-21 08:22:40 -04:00
|
|
|
import diffFileMockData from '../mock_data/diff_file';
|
|
|
|
|
2020-08-21 14:10:24 -04:00
|
|
|
let wrapper;
|
|
|
|
const localVue = createLocalVue();
|
|
|
|
|
|
|
|
localVue.use(Vuex);
|
2018-06-21 08:22:40 -04:00
|
|
|
|
2020-08-21 14:10:24 -04:00
|
|
|
function factory() {
|
|
|
|
const diffFile = { ...diffFileMockData };
|
|
|
|
const store = createStore();
|
2018-06-21 08:22:40 -04:00
|
|
|
|
2020-08-21 14:10:24 -04:00
|
|
|
wrapper = shallowMount(ParallelDiffView, {
|
|
|
|
localVue,
|
|
|
|
store,
|
|
|
|
propsData: {
|
2018-06-21 08:22:40 -04:00
|
|
|
diffFile,
|
2018-11-09 14:48:41 -05:00
|
|
|
diffLines: diffFile.parallel_diff_lines,
|
2020-08-21 14:10:24 -04:00
|
|
|
},
|
2018-06-21 08:22:40 -04:00
|
|
|
});
|
2020-08-21 14:10:24 -04:00
|
|
|
}
|
2018-06-21 08:22:40 -04:00
|
|
|
|
2020-08-21 14:10:24 -04:00
|
|
|
describe('ParallelDiffView', () => {
|
2019-03-04 06:27:57 -05:00
|
|
|
afterEach(() => {
|
2020-08-21 14:10:24 -04:00
|
|
|
wrapper.destroy();
|
2019-03-04 06:27:57 -05:00
|
|
|
});
|
|
|
|
|
2020-08-21 14:10:24 -04:00
|
|
|
it('renders diff lines', () => {
|
|
|
|
factory();
|
|
|
|
|
|
|
|
expect(wrapper.findAll(parallelDiffTableRow).length).toBe(8);
|
2018-06-21 08:22:40 -04:00
|
|
|
});
|
|
|
|
});
|