diff options
Diffstat (limited to 'spec/frontend/vue_merge_request_widget/components/states/mr_widget_failed_to_merge_spec.js')
-rw-r--r-- | spec/frontend/vue_merge_request_widget/components/states/mr_widget_failed_to_merge_spec.js | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/spec/frontend/vue_merge_request_widget/components/states/mr_widget_failed_to_merge_spec.js b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_failed_to_merge_spec.js new file mode 100644 index 00000000000..989aa76f09b --- /dev/null +++ b/spec/frontend/vue_merge_request_widget/components/states/mr_widget_failed_to_merge_spec.js @@ -0,0 +1,180 @@ +import { shallowMount } from '@vue/test-utils'; +import { nextTick } from 'vue'; +import MrWidgetFailedToMerge from '~/vue_merge_request_widget/components/states/mr_widget_failed_to_merge.vue'; +import eventHub from '~/vue_merge_request_widget/event_hub'; + +describe('MRWidgetFailedToMerge', () => { + const dummyIntervalId = 1337; + let wrapper; + + const createComponent = (props = {}, data = {}) => { + wrapper = shallowMount(MrWidgetFailedToMerge, { + propsData: { + mr: { + mergeError: 'Merge error happened', + }, + ...props, + }, + data() { + return data; + }, + }); + }; + + beforeEach(() => { + jest.spyOn(eventHub, '$emit').mockImplementation(() => {}); + jest.spyOn(window, 'setInterval').mockReturnValue(dummyIntervalId); + jest.spyOn(window, 'clearInterval').mockImplementation(); + }); + + afterEach(() => { + wrapper.destroy(); + }); + + describe('interval', () => { + it('sets interval to refresh', () => { + createComponent(); + + expect(window.setInterval).toHaveBeenCalledWith(wrapper.vm.updateTimer, 1000); + expect(wrapper.vm.intervalId).toBe(dummyIntervalId); + }); + + it('clears interval when destroying ', () => { + createComponent(); + wrapper.destroy(); + + expect(window.clearInterval).toHaveBeenCalledWith(dummyIntervalId); + }); + }); + + describe('mergeError', () => { + it('removes forced line breaks', async () => { + createComponent({ mr: { mergeError: 'contains<br />line breaks<br />' } }); + + await nextTick(); + + expect(wrapper.find('[data-testid="merge-error"]').text()).toBe('contains line breaks.'); + }); + + it('does not append an extra period', async () => { + createComponent({ mr: { mergeError: 'contains a period.' } }); + + await nextTick(); + + expect(wrapper.find('[data-testid="merge-error"]').text()).toBe('contains a period.'); + }); + + it('does not insert an extra space between the final character and the period', async () => { + createComponent({ mr: { mergeError: 'contains a <a href="http://example.com">link</a>.' } }); + + await nextTick(); + + expect(wrapper.find('[data-testid="merge-error"]').text()).toBe('contains a link.'); + }); + + it('removes extra spaces', async () => { + createComponent({ mr: { mergeError: 'contains a lot of spaces .' } }); + + await nextTick(); + + expect(wrapper.find('[data-testid="merge-error"]').text()).toBe('contains a lot of spaces.'); + }); + }); + + describe('created', () => { + it('should disable polling', () => { + createComponent(); + + expect(eventHub.$emit).toHaveBeenCalledWith('DisablePolling'); + }); + }); + + describe('methods', () => { + describe('refresh', () => { + it('should emit event to request component refresh', () => { + createComponent(); + + expect(wrapper.vm.isRefreshing).toBe(false); + + wrapper.vm.refresh(); + + expect(wrapper.vm.isRefreshing).toBe(true); + expect(eventHub.$emit).toHaveBeenCalledWith('MRWidgetUpdateRequested'); + expect(eventHub.$emit).toHaveBeenCalledWith('EnablePolling'); + }); + }); + + describe('updateTimer', () => { + it('should update timer and emit event when timer end', () => { + createComponent(); + + jest.spyOn(wrapper.vm, 'refresh').mockImplementation(() => {}); + + expect(wrapper.vm.timer).toEqual(10); + + for (let i = 0; i < 10; i += 1) { + expect(wrapper.vm.timer).toEqual(10 - i); + wrapper.vm.updateTimer(); + } + + expect(wrapper.vm.refresh).toHaveBeenCalled(); + }); + }); + }); + + describe('while it is refreshing', () => { + it('renders Refresing now', async () => { + createComponent({}, { isRefreshing: true }); + + await nextTick(); + + expect(wrapper.find('.js-refresh-label').text().trim()).toBe('Refreshing now'); + }); + }); + + describe('while it is not regresing', () => { + beforeEach(() => { + createComponent(); + }); + + it('renders warning icon and disabled merge button', () => { + expect(wrapper.find('.js-ci-status-icon-warning')).not.toBeNull(); + }); + + it('renders given error', () => { + expect(wrapper.find('.has-error-message').text().trim()).toBe('Merge error happened.'); + }); + + it('renders refresh button', () => { + expect( + wrapper.find('[data-testid="merge-request-failed-refresh-button"]').text().trim(), + ).toBe('Refresh now'); + }); + + it('renders remaining time', () => { + expect(wrapper.find('.has-custom-error').text().trim()).toBe( + 'Refreshing in 10 seconds to show the updated status...', + ); + }); + }); + + it('should just generic merge failed message if merge_error is not available', async () => { + createComponent({ mr: { mergeError: null } }); + + await nextTick(); + + expect(wrapper.text().trim()).toContain('Merge failed.'); + expect(wrapper.text().trim()).not.toContain('Merge error happened.'); + }); + + it('should show refresh label when refresh requested', async () => { + createComponent(); + + wrapper.vm.refresh(); + + await nextTick(); + + expect(wrapper.text().trim()).not.toContain('Merge failed. Refreshing'); + expect(wrapper.text().trim()).toContain('Refreshing now'); + }); +}); |