132 lines
4.0 KiB
JavaScript
132 lines
4.0 KiB
JavaScript
import { mount } from '@vue/test-utils';
|
|
import MockAdapter from 'axios-mock-adapter';
|
|
import { extendedWrapper } from 'helpers/vue_test_utils_helper';
|
|
import axios from '~/lib/utils/axios_utils';
|
|
import ArtifactsApp from '~/vue_merge_request_widget/components/artifacts_list_app.vue';
|
|
import DeploymentList from '~/vue_merge_request_widget/components/deployment/deployment_list.vue';
|
|
import MrWidgetPipeline from '~/vue_merge_request_widget/components/mr_widget_pipeline.vue';
|
|
import MrWidgetPipelineContainer from '~/vue_merge_request_widget/components/mr_widget_pipeline_container.vue';
|
|
import { mockStore } from '../mock_data';
|
|
|
|
describe('MrWidgetPipelineContainer', () => {
|
|
let wrapper;
|
|
let mock;
|
|
|
|
const factory = (props = {}) => {
|
|
wrapper = extendedWrapper(
|
|
mount(MrWidgetPipelineContainer, {
|
|
propsData: {
|
|
mr: { ...mockStore },
|
|
...props,
|
|
},
|
|
}),
|
|
);
|
|
};
|
|
|
|
beforeEach(() => {
|
|
mock = new MockAdapter(axios);
|
|
mock.onGet().reply(200, {});
|
|
});
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
const findDeploymentList = () => wrapper.findComponent(DeploymentList);
|
|
const findCIErrorMessage = () => wrapper.findByTestId('ci-error-message');
|
|
|
|
describe('when pre merge', () => {
|
|
beforeEach(() => {
|
|
factory();
|
|
});
|
|
|
|
it('renders pipeline', () => {
|
|
expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
|
|
expect(wrapper.find(MrWidgetPipeline).props()).toMatchObject({
|
|
pipeline: mockStore.pipeline,
|
|
pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
|
|
ciStatus: mockStore.ciStatus,
|
|
hasCi: mockStore.hasCI,
|
|
sourceBranch: mockStore.sourceBranch,
|
|
sourceBranchLink: mockStore.sourceBranchLink,
|
|
});
|
|
});
|
|
|
|
it('renders deployments', () => {
|
|
const expectedProps = mockStore.deployments.map((dep) =>
|
|
expect.objectContaining({
|
|
deployment: dep,
|
|
showMetrics: false,
|
|
}),
|
|
);
|
|
|
|
const deployments = wrapper.findAll('.mr-widget-extension .js-pre-deployment');
|
|
|
|
expect(findDeploymentList().exists()).toBe(true);
|
|
expect(findDeploymentList().props('deployments')).toBe(mockStore.deployments);
|
|
|
|
expect(deployments.wrappers.map((x) => x.props())).toEqual(expectedProps);
|
|
});
|
|
});
|
|
|
|
describe('when post merge', () => {
|
|
beforeEach(() => {
|
|
factory({
|
|
isPostMerge: true,
|
|
mr: {
|
|
...mockStore,
|
|
pipeline: {},
|
|
ciStatus: undefined,
|
|
},
|
|
});
|
|
});
|
|
|
|
it('renders pipeline', () => {
|
|
expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
|
|
expect(findCIErrorMessage().exists()).toBe(false);
|
|
expect(wrapper.find(MrWidgetPipeline).props()).toMatchObject({
|
|
pipeline: mockStore.mergePipeline,
|
|
pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
|
|
ciStatus: mockStore.mergePipeline.details.status.text,
|
|
hasCi: mockStore.hasCI,
|
|
sourceBranch: mockStore.targetBranch,
|
|
sourceBranchLink: mockStore.targetBranch,
|
|
});
|
|
});
|
|
|
|
it('sanitizes the targetBranch', () => {
|
|
factory({
|
|
isPostMerge: true,
|
|
mr: {
|
|
...mockStore,
|
|
targetBranch: 'Foo<script>alert("XSS")</script>',
|
|
},
|
|
});
|
|
expect(wrapper.find(MrWidgetPipeline).props().sourceBranchLink).toBe('Foo');
|
|
});
|
|
|
|
it('renders deployments', () => {
|
|
const expectedProps = mockStore.postMergeDeployments.map((dep) =>
|
|
expect.objectContaining({
|
|
deployment: dep,
|
|
showMetrics: true,
|
|
}),
|
|
);
|
|
|
|
const deployments = wrapper.findAll('.mr-widget-extension .js-post-deployment');
|
|
|
|
expect(findDeploymentList().exists()).toBe(true);
|
|
expect(findDeploymentList().props('deployments')).toBe(mockStore.postMergeDeployments);
|
|
expect(deployments.wrappers.map((x) => x.props())).toEqual(expectedProps);
|
|
});
|
|
});
|
|
|
|
describe('with artifacts path', () => {
|
|
it('renders the artifacts app', () => {
|
|
factory();
|
|
|
|
expect(wrapper.find(ArtifactsApp).isVisible()).toBe(true);
|
|
});
|
|
});
|
|
});
|