import Vue from 'vue'; import store from '~/mr_notes/stores'; import DiffTableCell from '~/diffs/components/diff_table_cell.vue'; import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper'; import diffFileMockData from '../mock_data/diff_file'; describe('DiffTableCell', () => { const createComponent = options => createComponentWithStore(Vue.extend(DiffTableCell), store, { line: diffFileMockData.highlighted_diff_lines[0], fileHash: diffFileMockData.file_hash, contextLinesPath: 'contextLinesPath', ...options, }).$mount(); it('does not highlight row when isHighlighted prop is false', done => { const vm = createComponent({ isHighlighted: false }); vm.$nextTick() .then(() => { expect(vm.$el.classList).not.toContain('hll'); }) .then(done) .catch(done.fail); }); it('highlights row when isHighlighted prop is true', done => { const vm = createComponent({ isHighlighted: true }); vm.$nextTick() .then(() => { expect(vm.$el.classList).toContain('hll'); }) .then(done) .catch(done.fail); }); });