summaryrefslogtreecommitdiff
path: root/spec/frontend/registry/explorer/components/list_page/cli_commands_spec.js
diff options
context:
space:
mode:
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.js94
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',
- });
- });
- });
-});