2021-09-04 01:27:46 +05:30
|
|
|
import { GlSprintf } from '@gitlab/ui';
|
|
|
|
import { shallowMount } from '@vue/test-utils';
|
|
|
|
import { nextTick } from 'vue';
|
|
|
|
import { TEST_HOST } from 'helpers/test_constants';
|
|
|
|
import { extendedWrapper } from 'helpers/vue_test_utils_helper';
|
2021-09-30 23:02:18 +05:30
|
|
|
import MaskedValue from '~/runner/components/helpers/masked_value.vue';
|
2021-09-04 01:27:46 +05:30
|
|
|
import RunnerManualSetupHelp from '~/runner/components/runner_manual_setup_help.vue';
|
|
|
|
import RunnerRegistrationTokenReset from '~/runner/components/runner_registration_token_reset.vue';
|
|
|
|
import { INSTANCE_TYPE, GROUP_TYPE, PROJECT_TYPE } from '~/runner/constants';
|
|
|
|
import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
|
|
|
|
import RunnerInstructions from '~/vue_shared/components/runner_instructions/runner_instructions.vue';
|
|
|
|
|
|
|
|
const mockRegistrationToken = 'MOCK_REGISTRATION_TOKEN';
|
|
|
|
const mockRunnerInstallHelpPage = 'https://docs.gitlab.com/runner/install/';
|
|
|
|
|
|
|
|
describe('RunnerManualSetupHelp', () => {
|
|
|
|
let wrapper;
|
|
|
|
let originalGon;
|
|
|
|
|
|
|
|
const findRunnerInstructions = () => wrapper.findComponent(RunnerInstructions);
|
|
|
|
const findRunnerRegistrationTokenReset = () =>
|
|
|
|
wrapper.findComponent(RunnerRegistrationTokenReset);
|
|
|
|
const findClipboardButtons = () => wrapper.findAllComponents(ClipboardButton);
|
|
|
|
const findRunnerHelpTitle = () => wrapper.findByTestId('runner-help-title');
|
|
|
|
const findCoordinatorUrl = () => wrapper.findByTestId('coordinator-url');
|
|
|
|
const findRegistrationToken = () => wrapper.findByTestId('registration-token');
|
|
|
|
const findRunnerHelpLink = () => wrapper.findByTestId('runner-help-link');
|
|
|
|
|
|
|
|
const createComponent = ({ props = {} } = {}) => {
|
|
|
|
wrapper = extendedWrapper(
|
|
|
|
shallowMount(RunnerManualSetupHelp, {
|
|
|
|
provide: {
|
|
|
|
runnerInstallHelpPage: mockRunnerInstallHelpPage,
|
|
|
|
},
|
|
|
|
propsData: {
|
|
|
|
registrationToken: mockRegistrationToken,
|
|
|
|
type: INSTANCE_TYPE,
|
|
|
|
...props,
|
|
|
|
},
|
|
|
|
stubs: {
|
2021-09-30 23:02:18 +05:30
|
|
|
MaskedValue,
|
2021-09-04 01:27:46 +05:30
|
|
|
GlSprintf,
|
|
|
|
},
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
beforeAll(() => {
|
|
|
|
originalGon = global.gon;
|
|
|
|
global.gon = { gitlab_url: TEST_HOST };
|
|
|
|
});
|
|
|
|
|
|
|
|
afterAll(() => {
|
|
|
|
global.gon = originalGon;
|
|
|
|
});
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
createComponent();
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
wrapper.destroy();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Title contains the shared runner type', () => {
|
|
|
|
createComponent({ props: { type: INSTANCE_TYPE } });
|
|
|
|
|
|
|
|
expect(findRunnerHelpTitle().text()).toMatchInterpolatedText('Set up a shared runner manually');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Title contains the group runner type', () => {
|
|
|
|
createComponent({ props: { type: GROUP_TYPE } });
|
|
|
|
|
|
|
|
expect(findRunnerHelpTitle().text()).toMatchInterpolatedText('Set up a group runner manually');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Title contains the specific runner type', () => {
|
|
|
|
createComponent({ props: { type: PROJECT_TYPE } });
|
|
|
|
|
|
|
|
expect(findRunnerHelpTitle().text()).toMatchInterpolatedText(
|
|
|
|
'Set up a specific runner manually',
|
|
|
|
);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Runner Install Page link', () => {
|
|
|
|
expect(findRunnerHelpLink().attributes('href')).toBe(mockRunnerInstallHelpPage);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Displays the coordinator URL token', () => {
|
|
|
|
expect(findCoordinatorUrl().text()).toBe(TEST_HOST);
|
|
|
|
expect(findClipboardButtons().at(0).props('text')).toBe(TEST_HOST);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Displays the runner instructions', () => {
|
|
|
|
expect(findRunnerInstructions().exists()).toBe(true);
|
|
|
|
});
|
|
|
|
|
2021-09-30 23:02:18 +05:30
|
|
|
it('Displays the registration token', async () => {
|
|
|
|
findRegistrationToken().find('[data-testid="toggle-masked"]').vm.$emit('click');
|
|
|
|
|
|
|
|
await nextTick();
|
|
|
|
|
2021-09-04 01:27:46 +05:30
|
|
|
expect(findRegistrationToken().text()).toBe(mockRegistrationToken);
|
|
|
|
expect(findClipboardButtons().at(1).props('text')).toBe(mockRegistrationToken);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Displays the runner registration token reset button', () => {
|
|
|
|
expect(findRunnerRegistrationTokenReset().exists()).toBe(true);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Replaces the runner reset button', async () => {
|
|
|
|
const mockNewRegistrationToken = 'NEW_MOCK_REGISTRATION_TOKEN';
|
|
|
|
|
2021-09-30 23:02:18 +05:30
|
|
|
findRegistrationToken().find('[data-testid="toggle-masked"]').vm.$emit('click');
|
2021-09-04 01:27:46 +05:30
|
|
|
findRunnerRegistrationTokenReset().vm.$emit('tokenReset', mockNewRegistrationToken);
|
|
|
|
|
|
|
|
await nextTick();
|
|
|
|
|
|
|
|
expect(findRegistrationToken().text()).toBe(mockNewRegistrationToken);
|
|
|
|
expect(findClipboardButtons().at(1).props('text')).toBe(mockNewRegistrationToken);
|
|
|
|
});
|
|
|
|
});
|