diff options
Diffstat (limited to 'spec/javascripts/notes/components/diff_file_header_spec.js')
-rw-r--r-- | spec/javascripts/notes/components/diff_file_header_spec.js | 93 |
1 files changed, 0 insertions, 93 deletions
diff --git a/spec/javascripts/notes/components/diff_file_header_spec.js b/spec/javascripts/notes/components/diff_file_header_spec.js deleted file mode 100644 index ef6d513444a..00000000000 --- a/spec/javascripts/notes/components/diff_file_header_spec.js +++ /dev/null @@ -1,93 +0,0 @@ -import Vue from 'vue'; -import DiffFileHeader from '~/notes/components/diff_file_header.vue'; -import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils'; -import mountComponent from 'spec/helpers/vue_mount_component_helper'; - -const discussionFixture = 'merge_requests/diff_discussion.json'; - -describe('diff_file_header', () => { - let vm; - const diffDiscussionMock = getJSONFixture(discussionFixture)[0]; - const diffFile = convertObjectPropsToCamelCase(diffDiscussionMock.diff_file); - const props = { - diffFile, - }; - const Component = Vue.extend(DiffFileHeader); - const selectors = { - get copyButton() { - return vm.$el.querySelector('button[data-original-title="Copy file path to clipboard"]'); - }, - get fileName() { - return vm.$el.querySelector('.file-title-name'); - }, - get titleWrapper() { - return vm.$refs.titleWrapper; - }, - }; - - describe('submodule', () => { - beforeEach(() => { - props.diffFile.submodule = true; - props.diffFile.submoduleLink = '<a href="/bha">Submodule</a>'; - - vm = mountComponent(Component, props); - }); - - it('shows submoduleLink', () => { - expect(selectors.fileName.innerHTML).toBe(props.diffFile.submoduleLink); - }); - - it('has button to copy blob path', () => { - expect(selectors.copyButton).toExist(); - expect(selectors.copyButton.getAttribute('data-clipboard-text')).toBe(props.diffFile.submoduleLink); - }); - }); - - describe('changed file', () => { - beforeEach(() => { - props.diffFile.submodule = false; - props.diffFile.discussionPath = 'some/discussion/id'; - - vm = mountComponent(Component, props); - }); - - it('shows file type icon', () => { - expect(vm.$el.innerHTML).toContain('fa-file-text-o'); - }); - - it('links to discussion path', () => { - expect(selectors.titleWrapper).toExist(); - expect(selectors.titleWrapper.tagName).toBe('A'); - expect(selectors.titleWrapper.getAttribute('href')).toBe(props.diffFile.discussionPath); - }); - - it('shows plain title if no link given', () => { - props.diffFile.discussionPath = undefined; - vm = mountComponent(Component, props); - - expect(selectors.titleWrapper.tagName).not.toBe('A'); - expect(selectors.titleWrapper.href).toBeFalsy(); - }); - - it('has button to copy file path', () => { - expect(selectors.copyButton).toExist(); - expect(selectors.copyButton.getAttribute('data-clipboard-text')).toBe(props.diffFile.filePath); - }); - - it('shows file mode change', (done) => { - vm.diffFile = { - ...props.diffFile, - modeChanged: true, - aMode: '100755', - bMode: '100644', - }; - - Vue.nextTick(() => { - expect( - vm.$refs.fileMode.textContent.trim(), - ).toBe('100755 → 100644'); - done(); - }); - }); - }); -}); |