2020-05-24 23:13:21 +05:30
|
|
|
import { mount } from '@vue/test-utils';
|
2020-10-24 23:57:45 +05:30
|
|
|
import MockAdapter from 'axios-mock-adapter';
|
2019-02-15 15:39:39 +05:30
|
|
|
import MrWidgetPipelineContainer from '~/vue_merge_request_widget/components/mr_widget_pipeline_container.vue';
|
|
|
|
import MrWidgetPipeline from '~/vue_merge_request_widget/components/mr_widget_pipeline.vue';
|
2019-12-21 20:55:43 +05:30
|
|
|
import ArtifactsApp from '~/vue_merge_request_widget/components/artifacts_list_app.vue';
|
2019-02-15 15:39:39 +05:30
|
|
|
import { mockStore } from '../mock_data';
|
2020-05-24 23:13:21 +05:30
|
|
|
import axios from '~/lib/utils/axios_utils';
|
2020-01-01 13:55:28 +05:30
|
|
|
|
2019-02-15 15:39:39 +05:30
|
|
|
describe('MrWidgetPipelineContainer', () => {
|
|
|
|
let wrapper;
|
2020-05-24 23:13:21 +05:30
|
|
|
let mock;
|
2019-02-15 15:39:39 +05:30
|
|
|
|
|
|
|
const factory = (props = {}) => {
|
2020-05-24 23:13:21 +05:30
|
|
|
wrapper = mount(MrWidgetPipelineContainer, {
|
2019-02-15 15:39:39 +05:30
|
|
|
propsData: {
|
2020-05-24 23:13:21 +05:30
|
|
|
mr: { ...mockStore },
|
2019-02-15 15:39:39 +05:30
|
|
|
...props,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2020-05-24 23:13:21 +05:30
|
|
|
beforeEach(() => {
|
|
|
|
mock = new MockAdapter(axios);
|
|
|
|
mock.onGet().reply(200, {});
|
|
|
|
});
|
|
|
|
|
2019-02-15 15:39:39 +05:30
|
|
|
afterEach(() => {
|
|
|
|
wrapper.destroy();
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('when pre merge', () => {
|
|
|
|
beforeEach(() => {
|
|
|
|
factory();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('renders pipeline', () => {
|
|
|
|
expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
|
2020-05-24 23:13:21 +05:30
|
|
|
expect(wrapper.find(MrWidgetPipeline).props()).toMatchObject({
|
|
|
|
pipeline: mockStore.pipeline,
|
|
|
|
pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
|
|
|
|
ciStatus: mockStore.ciStatus,
|
|
|
|
hasCi: mockStore.hasCI,
|
|
|
|
sourceBranch: mockStore.sourceBranch,
|
|
|
|
sourceBranchLink: mockStore.sourceBranchLink,
|
|
|
|
});
|
2019-02-15 15:39:39 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
it('renders deployments', () => {
|
|
|
|
const expectedProps = mockStore.deployments.map(dep =>
|
2020-05-24 23:13:21 +05:30
|
|
|
expect.objectContaining({
|
2019-02-15 15:39:39 +05:30
|
|
|
deployment: dep,
|
|
|
|
showMetrics: false,
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
|
|
|
|
const deployments = wrapper.findAll('.mr-widget-extension .js-pre-deployment');
|
|
|
|
|
|
|
|
expect(deployments.wrappers.map(x => x.props())).toEqual(expectedProps);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('when post merge', () => {
|
|
|
|
beforeEach(() => {
|
|
|
|
factory({
|
|
|
|
isPostMerge: true,
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('renders pipeline', () => {
|
|
|
|
expect(wrapper.find(MrWidgetPipeline).exists()).toBe(true);
|
2020-05-24 23:13:21 +05:30
|
|
|
expect(wrapper.find(MrWidgetPipeline).props()).toMatchObject({
|
|
|
|
pipeline: mockStore.mergePipeline,
|
|
|
|
pipelineCoverageDelta: mockStore.pipelineCoverageDelta,
|
|
|
|
ciStatus: mockStore.ciStatus,
|
|
|
|
hasCi: mockStore.hasCI,
|
|
|
|
sourceBranch: mockStore.targetBranch,
|
|
|
|
sourceBranchLink: mockStore.targetBranch,
|
|
|
|
});
|
2019-02-15 15:39:39 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
it('renders deployments', () => {
|
|
|
|
const expectedProps = mockStore.postMergeDeployments.map(dep =>
|
2020-05-24 23:13:21 +05:30
|
|
|
expect.objectContaining({
|
2019-02-15 15:39:39 +05:30
|
|
|
deployment: dep,
|
|
|
|
showMetrics: true,
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
|
|
|
|
const deployments = wrapper.findAll('.mr-widget-extension .js-post-deployment');
|
|
|
|
|
|
|
|
expect(deployments.wrappers.map(x => x.props())).toEqual(expectedProps);
|
|
|
|
});
|
|
|
|
});
|
2019-12-21 20:55:43 +05:30
|
|
|
|
|
|
|
describe('with artifacts path', () => {
|
|
|
|
it('renders the artifacts app', () => {
|
|
|
|
expect(wrapper.find(ArtifactsApp).isVisible()).toBe(true);
|
|
|
|
});
|
|
|
|
});
|
2019-02-15 15:39:39 +05:30
|
|
|
});
|