diff options
Diffstat (limited to 'spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js')
-rw-r--r-- | spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js b/spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js deleted file mode 100644 index 8ca8fca65ed..00000000000 --- a/spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js +++ /dev/null @@ -1,94 +0,0 @@ -import { GlDropdown } from '@gitlab/ui'; -import { mount, createLocalVue } from '@vue/test-utils'; -import Vuex from 'vuex'; -import QuickstartDropdown from '~/registry/explorer/components/list_page/cli_commands.vue'; -import { - QUICK_START, - LOGIN_COMMAND_LABEL, - COPY_LOGIN_TITLE, - BUILD_COMMAND_LABEL, - COPY_BUILD_TITLE, - PUSH_COMMAND_LABEL, - COPY_PUSH_TITLE, -} from '~/registry/explorer/constants'; -import Tracking from '~/tracking'; -import CodeInstruction from '~/vue_shared/components/registry/code_instruction.vue'; - -import { dockerCommands } from '../../mock_data'; - -const localVue = createLocalVue(); -localVue.use(Vuex); - -describe('cli_commands', () => { - let wrapper; - - const config = { - repositoryUrl: 'foo', - registryHostUrlWithPort: 'bar', - }; - - const findDropdownButton = () => wrapper.find(GlDropdown); - const findCodeInstruction = () => wrapper.findAll(CodeInstruction); - - const mountComponent = () => { - wrapper = mount(QuickstartDropdown, { - localVue, - provide() { - return { - config, - ...dockerCommands, - }; - }, - }); - }; - - beforeEach(() => { - jest.spyOn(Tracking, 'event'); - mountComponent(); - }); - - afterEach(() => { - wrapper.destroy(); - wrapper = null; - }); - - it('shows the correct text on the button', () => { - expect(findDropdownButton().text()).toContain(QUICK_START); - }); - - it('clicking on the dropdown emit a tracking event', () => { - findDropdownButton().vm.$emit('shown'); - expect(Tracking.event).toHaveBeenCalledWith( - undefined, - 'click_dropdown', - expect.objectContaining({ label: 'quickstart_dropdown' }), - ); - }); - - describe.each` - index | labelText | titleText | command | trackedEvent - ${0} | ${LOGIN_COMMAND_LABEL} | ${COPY_LOGIN_TITLE} | ${dockerCommands.dockerLoginCommand} | ${'click_copy_login'} - ${1} | ${BUILD_COMMAND_LABEL} | ${COPY_BUILD_TITLE} | ${dockerCommands.dockerBuildCommand} | ${'click_copy_build'} - ${2} | ${PUSH_COMMAND_LABEL} | ${COPY_PUSH_TITLE} | ${dockerCommands.dockerPushCommand} | ${'click_copy_push'} - `('code instructions at $index', ({ index, labelText, titleText, command, trackedEvent }) => { - let codeInstruction; - - beforeEach(() => { - codeInstruction = findCodeInstruction().at(index); - }); - - it('exists', () => { - expect(codeInstruction.exists()).toBe(true); - }); - - it(`has the correct props`, () => { - expect(codeInstruction.props()).toMatchObject({ - label: labelText, - instruction: command, - copyText: titleText, - trackingAction: trackedEvent, - trackingLabel: 'quickstart_dropdown', - }); - }); - }); -}); |