diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2020-03-25 12:08:11 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2020-03-25 12:08:11 +0300 |
commit | 5064bf8c5647d4c4430cbb4d097cf1592416de29 (patch) | |
tree | d051bf2abe2cc7061b3a7facb6669a56ccb9cf54 /spec/frontend/environments | |
parent | 9c83aadd2604e7e6cb1f84683f951e6b12872618 (diff) |
Add latest changes from gitlab-org/gitlab@master
Diffstat (limited to 'spec/frontend/environments')
-rw-r--r-- | spec/frontend/environments/environment_delete_spec.js | 38 | ||||
-rw-r--r-- | spec/frontend/environments/environment_item_spec.js | 25 |
2 files changed, 62 insertions, 1 deletions
diff --git a/spec/frontend/environments/environment_delete_spec.js b/spec/frontend/environments/environment_delete_spec.js new file mode 100644 index 00000000000..b4ecb24cbac --- /dev/null +++ b/spec/frontend/environments/environment_delete_spec.js @@ -0,0 +1,38 @@ +import $ from 'jquery'; +import { shallowMount } from '@vue/test-utils'; +import DeleteComponent from '~/environments/components/environment_delete.vue'; +import LoadingButton from '~/vue_shared/components/loading_button.vue'; +import eventHub from '~/environments/event_hub'; + +$.fn.tooltip = () => {}; + +describe('External URL Component', () => { + let wrapper; + + const createWrapper = () => { + wrapper = shallowMount(DeleteComponent, { + propsData: { + environment: {}, + }, + }); + }; + + const findButton = () => wrapper.find(LoadingButton); + + beforeEach(() => { + jest.spyOn(window, 'confirm'); + + createWrapper(); + }); + + it('should render a button to delete the environment', () => { + expect(findButton().exists()).toBe(true); + expect(wrapper.attributes('title')).toEqual('Delete environment'); + }); + + it('emits requestDeleteEnvironment in the event hub when button is clicked', () => { + jest.spyOn(eventHub, '$emit'); + findButton().vm.$emit('click'); + expect(eventHub.$emit).toHaveBeenCalledWith('requestDeleteEnvironment', wrapper.vm.environment); + }); +}); diff --git a/spec/frontend/environments/environment_item_spec.js b/spec/frontend/environments/environment_item_spec.js index 004687fcf44..5d374a162ab 100644 --- a/spec/frontend/environments/environment_item_spec.js +++ b/spec/frontend/environments/environment_item_spec.js @@ -2,6 +2,7 @@ import { mount } from '@vue/test-utils'; import { format } from 'timeago.js'; import EnvironmentItem from '~/environments/components/environment_item.vue'; import PinComponent from '~/environments/components/environment_pin.vue'; +import DeleteComponent from '~/environments/components/environment_delete.vue'; import { environment, folder, tableData } from './mock_data'; @@ -54,6 +55,10 @@ describe('Environment item', () => { expect(wrapper.find('.environment-created-date-timeago').text()).toContain(formattedDate); }); + it('should not render the delete button', () => { + expect(wrapper.find(DeleteComponent).exists()).toBe(false); + }); + describe('With user information', () => { it('should render user avatar with link to profile', () => { expect(wrapper.find('.js-deploy-user-container').attributes('href')).toEqual( @@ -98,7 +103,7 @@ describe('Environment item', () => { expect(findAutoStop().exists()).toBe(false); }); - it('should not render the suto-stop button', () => { + it('should not render the auto-stop button', () => { expect(wrapper.find(PinComponent).exists()).toBe(false); }); }); @@ -205,4 +210,22 @@ describe('Environment item', () => { expect(wrapper.find('.folder-name .badge').text()).toContain(folder.size); }); }); + + describe('When environment can be deleted', () => { + beforeEach(() => { + factory({ + propsData: { + model: { + can_delete: true, + delete_path: 'http://0.0.0.0:3000/api/v4/projects/8/environments/45', + }, + tableData, + }, + }); + }); + + it('should render the delete button', () => { + expect(wrapper.find(DeleteComponent).exists()).toBe(true); + }); + }); }); |