78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
|
import { shallowMount } from '@vue/test-utils';
|
||
|
|
import { assignGitlabExperiment } from 'helpers/experimentation_helper';
|
||
|
|
import App from '~/pages/projects/new/components/app.vue';
|
||
|
|
import NewNamespacePage from '~/vue_shared/new_namespace/new_namespace_page.vue';
|
||
|
|
|
||
|
|
describe('Experimental new project creation app', () => {
|
||
|
|
let wrapper;
|
||
|
|
|
||
|
|
const findNewNamespacePage = () => wrapper.findComponent(NewNamespacePage);
|
||
|
|
|
||
|
|
const createComponent = (propsData) => {
|
||
|
|
wrapper = shallowMount(App, { propsData });
|
||
|
|
};
|
||
|
|
|
||
|
|
afterEach(() => {
|
||
|
|
wrapper.destroy();
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('new_repo experiment', () => {
|
||
|
|
it('passes new_repo experiment', () => {
|
||
|
|
createComponent();
|
||
|
|
|
||
|
|
expect(findNewNamespacePage().props().experiment).toBe('new_repo');
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when in the candidate variant', () => {
|
||
|
|
assignGitlabExperiment('new_repo', 'candidate');
|
||
|
|
|
||
|
|
it('has "repository" in the panel title', () => {
|
||
|
|
createComponent();
|
||
|
|
|
||
|
|
expect(findNewNamespacePage().props().panels[0].title).toBe(
|
||
|
|
'Create blank project/repository',
|
||
|
|
);
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('when in the control variant', () => {
|
||
|
|
assignGitlabExperiment('new_repo', 'control');
|
||
|
|
|
||
|
|
it('has "project" in the panel title', () => {
|
||
|
|
createComponent();
|
||
|
|
|
||
|
|
expect(findNewNamespacePage().props().panels[0].title).toBe('Create blank project');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
it('passes custom new project guideline text to underlying component', () => {
|
||
|
|
const DEMO_GUIDELINES = 'Demo guidelines';
|
||
|
|
const guidelineSelector = '#new-project-guideline';
|
||
|
|
createComponent({
|
||
|
|
newProjectGuidelines: DEMO_GUIDELINES,
|
||
|
|
});
|
||
|
|
|
||
|
|
expect(wrapper.find(guidelineSelector).text()).toBe(DEMO_GUIDELINES);
|
||
|
|
});
|
||
|
|
|
||
|
|
it.each`
|
||
|
|
isCiCdAvailable | outcome
|
||
|
|
${false} | ${'do not show CI/CD panel'}
|
||
|
|
${true} | ${'show CI/CD panel'}
|
||
|
|
`('$outcome when isCiCdAvailable is $isCiCdAvailable', ({ isCiCdAvailable }) => {
|
||
|
|
createComponent({
|
||
|
|
isCiCdAvailable,
|
||
|
|
});
|
||
|
|
|
||
|
|
expect(
|
||
|
|
Boolean(
|
||
|
|
wrapper
|
||
|
|
.findComponent(NewNamespacePage)
|
||
|
|
.props()
|
||
|
|
.panels.find((p) => p.name === 'cicd_for_external_repo'),
|
||
|
|
),
|
||
|
|
).toBe(isCiCdAvailable);
|
||
|
|
});
|
||
|
|
});
|