diff options
author | Fatih Acet <acetfatih@gmail.com> | 2018-04-19 12:12:30 +0200 |
---|---|---|
committer | Fatih Acet <acetfatih@gmail.com> | 2018-04-19 12:12:30 +0200 |
commit | 7a13493aa7de02ef153107c581a2a2c9122b8c6f (patch) | |
tree | 04470fcfc6764d1c1d3019341dab2acf861f451f | |
parent | 4947efffcbfbb1df40a8ee4410b3849f6df2ff2a (diff) | |
download | gitlab-ce-_acet-mr-diffs-tests.tar.gz |
Add diff_file_spec._acet-mr-diffs-tests
-rw-r--r-- | spec/javascripts/diffs/components/diff_file_spec.js | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/spec/javascripts/diffs/components/diff_file_spec.js b/spec/javascripts/diffs/components/diff_file_spec.js new file mode 100644 index 00000000000..4d443286360 --- /dev/null +++ b/spec/javascripts/diffs/components/diff_file_spec.js @@ -0,0 +1,30 @@ +import Vue from 'vue'; +import DiffFileComponent from '~/diffs/components/diff_file.vue'; +import store from '~/mr_notes/stores'; +import { createComponentWithStore } from 'spec/helpers/vue_mount_component_helper'; +import diffFileMockData from '../mock_data/diff_file'; + +describe('DiffFile', () => { + let component; + const getDiffFileMock = () => Object.assign({}, diffFileMockData); + + beforeEach(() => { + component = createComponentWithStore(Vue.extend(DiffFileComponent), store, { + file: getDiffFileMock(), + }).$mount(document.createElement('div')); + }); + + describe('template', () => { + it('should render component with file header, file content components', () => { + const el = component.$el; + const { fileHash, filePath } = diffFileMockData; + + expect(el.id).toEqual(fileHash); + expect(el.classList.contains('diff-file')).toEqual(true); + expect(el.querySelector('.js-file-title')).toBeDefined(); + expect(el.querySelector('.file-title-name').innerText.indexOf(filePath) > -1).toEqual(true); + expect(el.querySelector('.js-syntax-highlight')).toBeDefined(); + expect(el.querySelectorAll('.line_content').length > 5).toEqual(true); + }); + }); +}); |