Skip to content

G
gitlab-ce
Commit d14c99ef authored by Andrew Fontaine's avatar Andrew Fontaine
Browse files
Options

Merge branch 'move-pipelines-spec-to-jest' into 'master' 

Migrate pipelines_spec.js to Jest

See merge request gitlab-org/gitlab!30232
parents 11a82cb4 f2e43bee
Show whitespace changes
Inline Side-by-side
Showing with 1082 additions and 0 deletions
spec/frontend/pipelines/mock_data.js 0 → 100644
View file @ d14c99ef
export const pipelineWithStages = {
id: 20333396,
user: {
id: 128633,
name: 'Rémy Coutable',
username: 'rymai',
state: 'active',
avatar_url:
'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
web_url: 'https://gitlab.com/rymai',
path: '/rymai',
},
active: true,
coverage: '58.24',
source: 'push',
created_at: '2018-04-11T14:04:53.881Z',
updated_at: '2018-04-11T14:05:00.792Z',
path: '/gitlab-org/gitlab/pipelines/20333396',
flags: {
latest: true,
stuck: false,
auto_devops: false,
yaml_errors: false,
retryable: false,
cancelable: true,
failure_reason: false,
},
details: {
status: {
icon: 'status_running',
text: 'running',
label: 'running',
group: 'running',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_running-2eb56be2871937954b2ba6d6f4ee9fdf7e5e1c146ac45f7be98119ccaca1aca9.ico',
},
duration: null,
finished_at: null,
stages: [
{
name: 'build',
title: 'build: skipped',
status: {
icon: 'status_skipped',
text: 'skipped',
label: 'skipped',
group: 'skipped',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#build',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_skipped-a2eee568a5bffdb494050c7b62dde241de9189280836288ac8923d369f16222d.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#build',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=build',
},
{
name: 'prepare',
title: 'prepare: passed',
status: {
icon: 'status_success',
text: 'passed',
label: 'passed',
group: 'success',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#prepare',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_success-26f59841becbef8c6fe414e9e74471d8bfd6a91b5855c19fe7f5923a40a7da47.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#prepare',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=prepare',
},
{
name: 'test',
title: 'test: running',
status: {
icon: 'status_running',
text: 'running',
label: 'running',
group: 'running',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#test',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_running-2eb56be2871937954b2ba6d6f4ee9fdf7e5e1c146ac45f7be98119ccaca1aca9.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#test',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=test',
},
{
name: 'post-test',
title: 'post-test: created',
status: {
icon: 'status_created',
text: 'created',
label: 'created',
group: 'created',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#post-test',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#post-test',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=post-test',
},
{
name: 'pages',
title: 'pages: created',
status: {
icon: 'status_created',
text: 'created',
label: 'created',
group: 'created',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#pages',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#pages',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=pages',
},
{
name: 'post-cleanup',
title: 'post-cleanup: created',
status: {
icon: 'status_created',
text: 'created',
label: 'created',
group: 'created',
has_details: true,
details_path: '/gitlab-org/gitlab/pipelines/20333396#post-cleanup',
favicon:
'https://assets.gitlab-static.net/assets/ci_favicons/favicon_status_created-e997aa0b7db73165df8a9d6803932b18d7b7cc37d604d2d96e378fea2dba9c5f.ico',
},
path: '/gitlab-org/gitlab/pipelines/20333396#post-cleanup',
dropdown_path: '/gitlab-org/gitlab/pipelines/20333396/stage.json?stage=post-cleanup',
},
],
artifacts: [
{
name: 'gitlab:assets:compile',
expired: false,
expire_at: '2018-05-12T14:22:54.730Z',
path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411438/artifacts/browse',
},
{
name: 'rspec-mysql 12 28',
expired: false,
expire_at: '2018-05-12T14:22:45.136Z',
path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411397/artifacts/browse',
},
{
name: 'rspec-mysql 6 28',
expired: false,
expire_at: '2018-05-12T14:22:41.523Z',
path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411391/artifacts/browse',
},
{
name: 'rspec-pg geo 0 1',
expired: false,
expire_at: '2018-05-12T14:22:13.287Z',
path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411353/artifacts/browse',
},
{
name: 'rspec-mysql 0 28',
expired: false,
expire_at: '2018-05-12T14:22:06.834Z',
path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411385/artifacts/browse',
},
{
name: 'spinach-mysql 0 2',
expired: false,
expire_at: '2018-05-12T14:21:51.409Z',
path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411423/artifacts/browse',
},
{
name: 'karma',
expired: false,
expire_at: '2018-05-12T14:21:20.934Z',
path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411440/artifacts/browse',
},
{
name: 'spinach-pg 0 2',
expired: false,
expire_at: '2018-05-12T14:20:01.028Z',
path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411419/artifacts/browse',
},
{
name: 'spinach-pg 1 2',
expired: false,
expire_at: '2018-05-12T14:19:04.336Z',
path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411421/artifacts/browse',
},
{
name: 'sast',
expired: null,
expire_at: null,
path: '/gitlab-org/gitlab/-/jobs/62411442/artifacts/download',
browse_path: '/gitlab-org/gitlab/-/jobs/62411442/artifacts/browse',
},
{
name: 'code_quality',
expired: false,
expire_at: '2018-04-18T14:16:24.484Z',
path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411441/artifacts/browse',
},
{
name: 'cache gems',
expired: null,
expire_at: null,
path: '/gitlab-org/gitlab/-/jobs/62411447/artifacts/download',
browse_path: '/gitlab-org/gitlab/-/jobs/62411447/artifacts/browse',
},
{
name: 'dependency_scanning',
expired: null,
expire_at: null,
path: '/gitlab-org/gitlab/-/jobs/62411443/artifacts/download',
browse_path: '/gitlab-org/gitlab/-/jobs/62411443/artifacts/browse',
},
{
name: 'compile-assets',
expired: false,
expire_at: '2018-04-18T14:12:07.638Z',
path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411334/artifacts/browse',
},
{
name: 'setup-test-env',
expired: false,
expire_at: '2018-04-18T14:10:27.024Z',
path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411336/artifacts/browse',
},
{
name: 'retrieve-tests-metadata',
expired: false,
expire_at: '2018-05-12T14:06:35.926Z',
path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/download',
keep_path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/keep',
browse_path: '/gitlab-org/gitlab/-/jobs/62411333/artifacts/browse',
},
],
manual_actions: [
{
name: 'package-and-qa',
path: '/gitlab-org/gitlab/-/jobs/62411330/play',
playable: true,
},
{
name: 'review-docs-deploy',
path: '/gitlab-org/gitlab/-/jobs/62411332/play',
playable: true,
},
],
},
ref: {
name: 'master',
path: '/gitlab-org/gitlab/commits/master',
tag: false,
branch: true,
},
commit: {
id: 'e6a2885c503825792cb8a84a8731295e361bd059',
short_id: 'e6a2885c',
title: "Merge branch 'ce-to-ee-2018-04-11' into 'master'",
created_at: '2018-04-11T14:04:39.000Z',
parent_ids: [
'5d9b5118f6055f72cff1a82b88133609912f2c1d',
'6fdc6ee76a8062fe41b1a33f7c503334a6ebdc02',
],
message:
"Merge branch 'ce-to-ee-2018-04-11' into 'master'\n\nCE upstream - 2018-04-11 12:26 UTC\n\nSee merge request gitlab-org/gitlab-ee!5326",
author_name: 'Rémy Coutable',
author_email: 'remy@rymai.me',
authored_date: '2018-04-11T14:04:39.000Z',
committer_name: 'Rémy Coutable',
committer_email: 'remy@rymai.me',
committed_date: '2018-04-11T14:04:39.000Z',
author: {
id: 128633,
name: 'Rémy Coutable',
username: 'rymai',
state: 'active',
avatar_url:
'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
web_url: 'https://gitlab.com/rymai',
path: '/rymai',
},
author_gravatar_url:
'https://secure.gravatar.com/avatar/263da227929cc0035cb0eba512bcf81a?s=80\u0026d=identicon',
commit_url:
'https://gitlab.com/gitlab-org/gitlab/commit/e6a2885c503825792cb8a84a8731295e361bd059',
commit_path: '/gitlab-org/gitlab/commit/e6a2885c503825792cb8a84a8731295e361bd059',
},
cancel_path: '/gitlab-org/gitlab/pipelines/20333396/cancel',
triggered_by: null,
triggered: [],
};
export const stageReply = {
name: 'deploy',
title: 'deploy: running',
latest_statuses: [
{
id: 928,
name: 'stop staging',
started: false,
build_path: '/twitter/flight/-/jobs/928',
cancel_path: '/twitter/flight/-/jobs/928/cancel',
playable: false,
created_at: '2018-04-04T20:02:02.728Z',
updated_at: '2018-04-04T20:02:02.766Z',
status: {
icon: 'status_pending',
text: 'pending',
label: 'pending',
group: 'pending',
tooltip: 'pending',
has_details: true,
details_path: '/twitter/flight/-/jobs/928',
favicon:
'/assets/ci_favicons/dev/favicon_status_pending-db32e1faf94b9f89530ac519790920d1f18ea8f6af6cd2e0a26cd6840cacf101.ico',
action: {
icon: 'cancel',
title: 'Cancel',
path: '/twitter/flight/-/jobs/928/cancel',
method: 'post',
},
},
},
{
id: 926,
name: 'production',
started: false,
build_path: '/twitter/flight/-/jobs/926',
retry_path: '/twitter/flight/-/jobs/926/retry',
play_path: '/twitter/flight/-/jobs/926/play',
playable: true,
created_at: '2018-04-04T20:00:57.202Z',
updated_at: '2018-04-04T20:11:13.110Z',
status: {
icon: 'status_canceled',
text: 'canceled',
label: 'manual play action',
group: 'canceled',
tooltip: 'canceled',
has_details: true,
details_path: '/twitter/flight/-/jobs/926',
favicon:
'/assets/ci_favicons/dev/favicon_status_canceled-5491840b9b6feafba0bc599cbd49ee9580321dc809683856cf1b0d51532b1af6.ico',
action: {
icon: 'play',
title: 'Play',
path: '/twitter/flight/-/jobs/926/play',
method: 'post',
},
},
},
{
id: 217,
name: 'staging',
started: '2018-03-07T08:41:46.234Z',
build_path: '/twitter/flight/-/jobs/217',
retry_path: '/twitter/flight/-/jobs/217/retry',
playable: false,
created_at: '2018-03-07T14:41:58.093Z',
updated_at: '2018-03-07T14:41:58.093Z',
status: {
icon: 'status_success',
text: 'passed',
label: 'passed',
group: 'success',
tooltip: 'passed',
has_details: true,
details_path: '/twitter/flight/-/jobs/217',
favicon:
'/assets/ci_favicons/dev/favicon_status_success-308b4fc054cdd1b68d0865e6cfb7b02e92e3472f201507418f8eddb74ac11a59.ico',
action: {
icon: 'retry',
title: 'Retry',
path: '/twitter/flight/-/jobs/217/retry',
method: 'post',
},
},
},
],
status: {
icon: 'status_running',
text: 'running',
label: 'running',
group: 'running',
tooltip: 'running',
has_details: true,
details_path: '/twitter/flight/pipelines/13#deploy',
favicon:
'/assets/ci_favicons/dev/favicon_status_running-c3ad2fc53ea6079c174e5b6c1351ff349e99ec3af5a5622fb77b0fe53ea279c1.ico',
},
path: '/twitter/flight/pipelines/13#deploy',
dropdown_path: '/twitter/flight/pipelines/13/stage.json?stage=deploy',
};
spec/javascripts/pipelines/pipelines_spec.js → spec/frontend/pipelines/pipelines_spec.js
View file @ d14c99ef
import Vue from 'vue'; import { mount } from '@vue/test-utils';
import MockAdapter from 'axios-mock-adapter'; import MockAdapter from 'axios-mock-adapter';
import mountComponent from 'spec/helpers/vue_mount_component_helper';
import axios from '~/lib/utils/axios_utils'; import axios from '~/lib/utils/axios_utils';
import pipelinesComp from '~/pipelines/components/pipelines.vue'; import waitForPromises from 'helpers/wait_for_promises';
import PipelinesComponent from '~/pipelines/components/pipelines.vue';
import Store from '~/pipelines/stores/pipelines_store'; import Store from '~/pipelines/stores/pipelines_store';
import { pipelineWithStages, stageReply } from './mock_data'; import { pipelineWithStages, stageReply } from './mock_data';
...@@ -11,9 +11,8 @@ describe('Pipelines', () => { ...@@ -11,9 +11,8 @@ describe('Pipelines', () => {
preloadFixtures(jsonFixtureName); preloadFixtures(jsonFixtureName);
let PipelinesComponent;
let pipelines; let pipelines;
let vm; let wrapper;
let mock; let mock;
const paths = { const paths = {
...@@ -37,65 +36,67 @@ describe('Pipelines', () => { ...@@ -37,65 +36,67 @@ describe('Pipelines', () => {
noPipelinesSvgPath: '/assets/illustrations/pipelines_pending.svg', noPipelinesSvgPath: '/assets/illustrations/pipelines_pending.svg',
}; };
const defaultProps = {
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
};
const createComponent = (props = defaultProps, methods) => {
wrapper = mount(PipelinesComponent, {
propsData: {
store: new Store(),
...props,
},
methods: {
...methods,
},
});
};
beforeEach(() => { beforeEach(() => {
mock = new MockAdapter(axios); mock = new MockAdapter(axios);
pipelines = getJSONFixture(jsonFixtureName); pipelines = getJSONFixture(jsonFixtureName);
PipelinesComponent = Vue.extend(pipelinesComp);
}); });
afterEach(() => { afterEach(() => {
vm.$destroy(); wrapper.destroy();
mock.restore(); mock.restore();
}); });
describe('With permission', () => { describe('With permission', () => {
describe('With pipelines in main tab', () => { describe('With pipelines in main tab', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines); mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
createComponent();
vm = mountComponent(PipelinesComponent, { return waitForPromises();
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
setTimeout(() => {
done();
});
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('renders Run Pipeline link', () => { it('renders Run Pipeline link', () => {
expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual( expect(wrapper.find('.js-run-pipeline').attributes('href')).toBe(paths.newPipelinePath);
paths.newPipelinePath,
);
}); });
it('renders CI Lint link', () => { it('renders CI Lint link', () => {
expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath); expect(wrapper.find('.js-ci-lint').attributes('href')).toBe(paths.ciLintPath);
}); });
it('renders Clear Runner Cache button', () => { it('renders Clear Runner Cache button', () => {
expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual( expect(wrapper.find('.js-clear-cache').text()).toBe('Clear Runner Caches');
'Clear Runner Caches',
);
}); });
it('renders pipelines table', () => { it('renders pipelines table', () => {
expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual( expect(wrapper.findAll('.gl-responsive-table-row')).toHaveLength(
pipelines.pipelines.length + 1, pipelines.pipelines.length + 1,
); );
}); });
}); });
describe('Without pipelines on main tab with CI', () => { describe('Without pipelines on main tab with CI', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, { mock.onGet('twitter/flight/pipelines.json').reply(200, {
pipelines: [], pipelines: [],
count: { count: {
...@@ -105,47 +106,35 @@ describe('Pipelines', () => { ...@@ -105,47 +106,35 @@ describe('Pipelines', () => {
finished: 0, finished: 0,
}, },
}); });
vm = mountComponent(PipelinesComponent, {
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
setTimeout(() => { createComponent();
done();
}); return waitForPromises();
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('renders Run Pipeline link', () => { it('renders Run Pipeline link', () => {
expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual( expect(wrapper.find('.js-run-pipeline').attributes('href')).toEqual(paths.newPipelinePath);
paths.newPipelinePath,
);
}); });
it('renders CI Lint link', () => { it('renders CI Lint link', () => {
expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath); expect(wrapper.find('.js-ci-lint').attributes('href')).toEqual(paths.ciLintPath);
}); });
it('renders Clear Runner Cache button', () => { it('renders Clear Runner Cache button', () => {
expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual( expect(wrapper.find('.js-clear-cache').text()).toEqual('Clear Runner Caches');
'Clear Runner Caches',
);
}); });
it('renders tab empty state', () => { it('renders tab empty state', () => {
expect(vm.$el.querySelector('.empty-state h4').textContent.trim()).toEqual( expect(wrapper.find('.empty-state h4').text()).toEqual('There are currently no pipelines.');
'There are currently no pipelines.',
);
}); });
}); });
describe('Without pipelines nor CI', () => { describe('Without pipelines nor CI', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, { mock.onGet('twitter/flight/pipelines.json').reply(200, {
pipelines: [], pipelines: [],
count: { count: {
...@@ -155,68 +144,49 @@ describe('Pipelines', () => { ...@@ -155,68 +144,49 @@ describe('Pipelines', () => {
finished: 0, finished: 0,
}, },
}); });
vm = mountComponent(PipelinesComponent, {
store: new Store(),
hasGitlabCi: false,
canCreatePipeline: true,
...paths,
});
setTimeout(() => { createComponent({ hasGitlabCi: false, canCreatePipeline: true, ...paths });
done();
}); return waitForPromises();
}); });
it('renders empty state', () => { it('renders empty state', () => {
expect(vm.$el.querySelector('.js-empty-state h4').textContent.trim()).toEqual( expect(wrapper.find('.js-empty-state h4').text()).toEqual('Build with confidence');
'Build with confidence',
);
expect(vm.$el.querySelector('.js-get-started-pipelines').getAttribute('href')).toEqual( expect(wrapper.find('.js-get-started-pipelines').attributes('href')).toEqual(
paths.helpPagePath, paths.helpPagePath,
); );
}); });
it('does not render tabs nor buttons', () => { it('does not render tabs nor buttons', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all')).toBeNull(); expect(wrapper.find('.js-pipelines-tab-all').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull(); expect(wrapper.find('.js-run-pipeline').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-ci-lint')).toBeNull(); expect(wrapper.find('.js-ci-lint').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-clear-cache')).toBeNull(); expect(wrapper.find('.js-clear-cache').exists()).toBeFalsy();
}); });
}); });
describe('When API returns error', () => { describe('When API returns error', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(500, {}); mock.onGet('twitter/flight/pipelines.json').reply(500, {});
vm = mountComponent(PipelinesComponent, { createComponent({ hasGitlabCi: false, canCreatePipeline: true, ...paths });
store: new Store(),
hasGitlabCi: false,
canCreatePipeline: true,
...paths,
});
setTimeout(() => { return waitForPromises();
done();
});
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('renders buttons', () => { it('renders buttons', () => {
expect(vm.$el.querySelector('.js-run-pipeline').getAttribute('href')).toEqual( expect(wrapper.find('.js-run-pipeline').attributes('href')).toEqual(paths.newPipelinePath);
paths.newPipelinePath,
);
expect(vm.$el.querySelector('.js-ci-lint').getAttribute('href')).toEqual(paths.ciLintPath); expect(wrapper.find('.js-ci-lint').attributes('href')).toEqual(paths.ciLintPath);
expect(vm.$el.querySelector('.js-clear-cache').textContent.trim()).toEqual( expect(wrapper.find('.js-clear-cache').text()).toEqual('Clear Runner Caches');
'Clear Runner Caches',
);
}); });
it('renders error state', () => { it('renders error state', () => {
expect(vm.$el.querySelector('.empty-state').textContent.trim()).toContain( expect(wrapper.find('.empty-state').text()).toContain(
'There was an error fetching the pipelines.', 'There was an error fetching the pipelines.',
); );
}); });
...@@ -225,40 +195,33 @@ describe('Pipelines', () => { ...@@ -225,40 +195,33 @@ describe('Pipelines', () => {
describe('Without permission', () => { describe('Without permission', () => {
describe('With pipelines in main tab', () => { describe('With pipelines in main tab', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines); mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
vm = mountComponent(PipelinesComponent, { createComponent({ hasGitlabCi: false, canCreatePipeline: false, ...noPermissions });
store: new Store(),
hasGitlabCi: false,
canCreatePipeline: false,
...noPermissions,
});
setTimeout(() => { return waitForPromises();
done();
});
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('does not render buttons', () => { it('does not render buttons', () => {
expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull(); expect(wrapper.find('.js-run-pipeline').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-ci-lint')).toBeNull(); expect(wrapper.find('.js-ci-lint').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-clear-cache')).toBeNull(); expect(wrapper.find('.js-clear-cache').exists()).toBeFalsy();
}); });
it('renders pipelines table', () => { it('renders pipelines table', () => {
expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual( expect(wrapper.findAll('.gl-responsive-table-row')).toHaveLength(
pipelines.pipelines.length + 1, pipelines.pipelines.length + 1,
); );
}); });
}); });
describe('Without pipelines on main tab with CI', () => { describe('Without pipelines on main tab with CI', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, { mock.onGet('twitter/flight/pipelines.json').reply(200, {
pipelines: [], pipelines: [],
count: { count: {
...@@ -269,37 +232,28 @@ describe('Pipelines', () => { ...@@ -269,37 +232,28 @@ describe('Pipelines', () => {
}, },
}); });
vm = mountComponent(PipelinesComponent, { createComponent({ hasGitlabCi: true, canCreatePipeline: false, ...noPermissions });
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: false,
...noPermissions,
});
setTimeout(() => { return waitForPromises();
done();
});
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('does not render buttons', () => { it('does not render buttons', () => {
expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull(); expect(wrapper.find('.js-run-pipeline').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-ci-lint')).toBeNull(); expect(wrapper.find('.js-ci-lint').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-clear-cache')).toBeNull(); expect(wrapper.find('.js-clear-cache').exists()).toBeFalsy();
}); });
it('renders tab empty state', () => { it('renders tab empty state', () => {
expect(vm.$el.querySelector('.empty-state h4').textContent.trim()).toEqual( expect(wrapper.find('.empty-state h4').text()).toEqual('There are currently no pipelines.');
'There are currently no pipelines.',
);
}); });
}); });
describe('Without pipelines nor CI', () => { describe('Without pipelines nor CI', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, { mock.onGet('twitter/flight/pipelines.json').reply(200, {
pipelines: [], pipelines: [],
count: { count: {
...@@ -310,62 +264,48 @@ describe('Pipelines', () => { ...@@ -310,62 +264,48 @@ describe('Pipelines', () => {
}, },
}); });
vm = mountComponent(PipelinesComponent, { createComponent({ hasGitlabCi: false, canCreatePipeline: false, ...noPermissions });
store: new Store(),
hasGitlabCi: false,
canCreatePipeline: false,
...noPermissions,
});
setTimeout(() => { return waitForPromises();
done();
});
}); });
it('renders empty state without button to set CI', () => { it('renders empty state without button to set CI', () => {
expect(vm.$el.querySelector('.js-empty-state').textContent.trim()).toEqual( expect(wrapper.find('.js-empty-state').text()).toEqual(
'This project is not currently set up to run pipelines.', 'This project is not currently set up to run pipelines.',
); );
expect(vm.$el.querySelector('.js-get-started-pipelines')).toBeNull(); expect(wrapper.find('.js-get-started-pipelines').exists()).toBeFalsy();
}); });
it('does not render tabs or buttons', () => { it('does not render tabs or buttons', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all')).toBeNull(); expect(wrapper.find('.js-pipelines-tab-all').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull(); expect(wrapper.find('.js-run-pipeline').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-ci-lint')).toBeNull(); expect(wrapper.find('.js-ci-lint').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-clear-cache')).toBeNull(); expect(wrapper.find('.js-clear-cache').exists()).toBeFalsy();
}); });
}); });
describe('When API returns error', () => { describe('When API returns error', () => {
beforeEach(done => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(500, {}); mock.onGet('twitter/flight/pipelines.json').reply(500, {});
vm = mountComponent(PipelinesComponent, { createComponent({ hasGitlabCi: false, canCreatePipeline: true, ...noPermissions });
store: new Store(),
hasGitlabCi: false,
canCreatePipeline: true,
...noPermissions,
});
setTimeout(() => { return waitForPromises();
done();
});
}); });
it('renders tabs', () => { it('renders tabs', () => {
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
}); });
it('does not renders buttons', () => { it('does not renders buttons', () => {
expect(vm.$el.querySelector('.js-run-pipeline')).toBeNull(); expect(wrapper.find('.js-run-pipeline').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-ci-lint')).toBeNull(); expect(wrapper.find('.js-ci-lint').exists()).toBeFalsy();
expect(vm.$el.querySelector('.js-clear-cache')).toBeNull(); expect(wrapper.find('.js-clear-cache').exists()).toBeFalsy();
}); });
it('renders error state', () => { it('renders error state', () => {
expect(vm.$el.querySelector('.empty-state').textContent.trim()).toContain( expect(wrapper.find('.empty-state').text()).toContain(
'There was an error fetching the pipelines.', 'There was an error fetching the pipelines.',
); );
}); });
...@@ -377,67 +317,61 @@ describe('Pipelines', () => { ...@@ -377,67 +317,61 @@ describe('Pipelines', () => {
beforeEach(() => { beforeEach(() => {
mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines); mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
vm = mountComponent(PipelinesComponent, { createComponent();
store: new Store(), return waitForPromises();
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
}); });
it('should render table', done => { it('should render table', () => {
setTimeout(() => { expect(wrapper.find('.table-holder').exists()).toBe(true);
expect(vm.$el.querySelector('.table-holder')).toBeDefined(); expect(wrapper.findAll('.gl-responsive-table-row')).toHaveLength(
expect(vm.$el.querySelectorAll('.gl-responsive-table-row').length).toEqual(
pipelines.pipelines.length + 1, pipelines.pipelines.length + 1,
); );
done();
});
}); });
it('should render navigation tabs', done => { it('should render navigation tabs', () => {
setTimeout(() => { expect(wrapper.find('.js-pipelines-tab-pending').text()).toContain('Pending');
expect(vm.$el.querySelector('.js-pipelines-tab-pending').textContent.trim()).toContain(
'Pending',
);
expect(vm.$el.querySelector('.js-pipelines-tab-all').textContent.trim()).toContain('All'); expect(wrapper.find('.js-pipelines-tab-all').text()).toContain('All');
expect(vm.$el.querySelector('.js-pipelines-tab-running').textContent.trim()).toContain( expect(wrapper.find('.js-pipelines-tab-running').text()).toContain('Running');
'Running',
);
expect(vm.$el.querySelector('.js-pipelines-tab-finished').textContent.trim()).toContain( expect(wrapper.find('.js-pipelines-tab-finished').text()).toContain('Finished');
'Finished',
);
expect(vm.$el.querySelector('.js-pipelines-tab-branches').textContent.trim()).toContain( expect(wrapper.find('.js-pipelines-tab-branches').text()).toContain('Branches');
'Branches',
);
expect(vm.$el.querySelector('.js-pipelines-tab-tags').textContent.trim()).toContain( expect(wrapper.find('.js-pipelines-tab-tags').text()).toContain('Tags');
'Tags',
);
done();
});
}); });
it('should make an API request when using tabs', done => { it('should make an API request when using tabs', () => {
setTimeout(() => { const updateContentMock = jest.fn(() => {});
spyOn(vm, 'updateContent'); createComponent(
vm.$el.querySelector('.js-pipelines-tab-finished').click(); { hasGitlabCi: true, canCreatePipeline: true, ...paths },
{
updateContent: updateContentMock,
},
);
return waitForPromises().then(() => {
wrapper.find('.js-pipelines-tab-finished').trigger('click');
expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'finished', page: '1' }); expect(updateContentMock).toHaveBeenCalledWith({ scope: 'finished', page: '1' });
done();
}); });
}); });
describe('with pagination', () => { describe('with pagination', () => {
it('should make an API request when using pagination', done => { it('should make an API request when using pagination', () => {
setTimeout(() => { const updateContentMock = jest.fn(() => {});
spyOn(vm, 'updateContent'); createComponent(
{ hasGitlabCi: true, canCreatePipeline: true, ...paths },
{
updateContent: updateContentMock,
},
);
return waitForPromises()
.then(() => {
// Mock pagination // Mock pagination
vm.store.state.pageInfo = { wrapper.vm.store.state.pageInfo = {
page: 1, page: 1,
total: 10, total: 10,
perPage: 2, perPage: 2,
...@@ -445,13 +379,12 @@ describe('Pipelines', () => { ...@@ -445,13 +379,12 @@ describe('Pipelines', () => {
totalPages: 5, totalPages: 5,
}; };
vm.$nextTick(() => { return wrapper.vm.$nextTick();
vm.$el.querySelector('.next-page-item').click(); })
.then(() => {
expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'all', page: '2' }); wrapper.find('.next-page-item').trigger('click');
done(); expect(updateContentMock).toHaveBeenCalledWith({ scope: 'all', page: '2' });
});
}); });
}); });
}); });
...@@ -460,72 +393,50 @@ describe('Pipelines', () => { ...@@ -460,72 +393,50 @@ describe('Pipelines', () => {
describe('methods', () => { describe('methods', () => {
beforeEach(() => { beforeEach(() => {
spyOn(window.history, 'pushState').and.stub(); jest.spyOn(window.history, 'pushState').mockImplementation(() => null);
});
describe('updateContent', () => {
it('should set given parameters', () => {
vm = mountComponent(PipelinesComponent, {
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
vm.updateContent({ scope: 'finished', page: '4' });
expect(vm.page).toEqual('4');
expect(vm.scope).toEqual('finished');
expect(vm.requestData.scope).toEqual('finished');
expect(vm.requestData.page).toEqual('4');
});
}); });
describe('onChangeTab', () => { describe('onChangeTab', () => {
it('should set page to 1', () => { it('should set page to 1', () => {
vm = mountComponent(PipelinesComponent, { const updateContentMock = jest.fn(() => {});
store: new Store(), createComponent(
hasGitlabCi: true, { hasGitlabCi: true, canCreatePipeline: true, ...paths },
canCreatePipeline: true, {
...paths, updateContent: updateContentMock,
}); },
spyOn(vm, 'updateContent'); );
vm.onChangeTab('running'); wrapper.vm.onChangeTab('running');
expect(vm.updateContent).toHaveBeenCalledWith({ scope: 'running', page: '1' }); expect(updateContentMock).toHaveBeenCalledWith({ scope: 'running', page: '1' });
}); });
}); });
describe('onChangePage', () => { describe('onChangePage', () => {
it('should update page and keep scope', () => { it('should update page and keep scope', () => {
vm = mountComponent(PipelinesComponent, { const updateContentMock = jest.fn(() => {});
store: new Store(), createComponent(
hasGitlabCi: true, { hasGitlabCi: true, canCreatePipeline: true, ...paths },
canCreatePipeline: true, {
...paths, updateContent: updateContentMock,
}); },
spyOn(vm, 'updateContent'); );
vm.onChangePage(4); wrapper.vm.onChangePage(4);
expect(vm.updateContent).toHaveBeenCalledWith({ scope: vm.scope, page: '4' }); expect(updateContentMock).toHaveBeenCalledWith({ scope: wrapper.vm.scope, page: '4' });
}); });
}); });
}); });
describe('computed properties', () => { describe('computed properties', () => {
beforeEach(() => { beforeEach(() => {
vm = mountComponent(PipelinesComponent, { createComponent();
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
}); });
describe('tabs', () => { describe('tabs', () => {
it('returns default tabs', () => { it('returns default tabs', () => {
expect(vm.tabs).toEqual([ expect(wrapper.vm.tabs).toEqual([
{ name: 'All', scope: 'all', count: undefined, isActive: true }, { name: 'All', scope: 'all', count: undefined, isActive: true },
{ name: 'Pending', scope: 'pending', count: undefined, isActive: false }, { name: 'Pending', scope: 'pending', count: undefined, isActive: false },
{ name: 'Running', scope: 'running', count: undefined, isActive: false }, { name: 'Running', scope: 'running', count: undefined, isActive: false },
...@@ -537,167 +448,145 @@ describe('Pipelines', () => { ...@@ -537,167 +448,145 @@ describe('Pipelines', () => {
}); });
describe('emptyTabMessage', () => { describe('emptyTabMessage', () => {
it('returns message with scope', done => { it('returns message with scope', () => {
vm.scope = 'pending'; wrapper.vm.scope = 'pending';
vm.$nextTick(() => { return wrapper.vm.$nextTick().then(() => {
expect(vm.emptyTabMessage).toEqual('There are currently no pending pipelines.'); expect(wrapper.vm.emptyTabMessage).toEqual('There are currently no pending pipelines.');
done();
}); });
}); });
it('returns message without scope when scope is `all`', () => { it('returns message without scope when scope is `all`', () => {
expect(vm.emptyTabMessage).toEqual('There are currently no pipelines.'); expect(wrapper.vm.emptyTabMessage).toEqual('There are currently no pipelines.');
}); });
}); });
describe('stateToRender', () => { describe('stateToRender', () => {
it('returns loading state when the app is loading', () => { it('returns loading state when the app is loading', () => {
expect(vm.stateToRender).toEqual('loading'); expect(wrapper.vm.stateToRender).toEqual('loading');
}); });
it('returns error state when app has error', done => { it('returns error state when app has error', () => {
vm.hasError = true; wrapper.vm.hasError = true;
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.$nextTick(() => { return wrapper.vm.$nextTick().then(() => {
expect(vm.stateToRender).toEqual('error'); expect(wrapper.vm.stateToRender).toEqual('error');
done();
}); });
}); });
it('returns table list when app has pipelines', done => { it('returns table list when app has pipelines', () => {
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.hasError = false; wrapper.vm.hasError = false;
vm.state.pipelines = pipelines.pipelines; wrapper.vm.state.pipelines = pipelines.pipelines;
vm.$nextTick(() => {
expect(vm.stateToRender).toEqual('tableList');
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.stateToRender).toEqual('tableList');
}); });
}); });
it('returns empty tab when app does not have pipelines but project has pipelines', done => { it('returns empty tab when app does not have pipelines but project has pipelines', () => {
vm.state.count.all = 10; wrapper.vm.state.count.all = 10;
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.$nextTick(() => {
expect(vm.stateToRender).toEqual('emptyTab');
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.stateToRender).toEqual('emptyTab');
}); });
}); });
it('returns empty tab when project has CI', done => { it('returns empty tab when project has CI', () => {
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.$nextTick(() => {
expect(vm.stateToRender).toEqual('emptyTab');
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.stateToRender).toEqual('emptyTab');
}); });
}); });
it('returns empty state when project does not have pipelines nor CI', done => { it('returns empty state when project does not have pipelines nor CI', () => {
vm.isLoading = false; createComponent({ hasGitlabCi: false, canCreatePipeline: true, ...paths });
vm.hasGitlabCi = false;
vm.$nextTick(() => {
expect(vm.stateToRender).toEqual('emptyState');
done(); wrapper.vm.isLoading = false;
return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.stateToRender).toEqual('emptyState');
}); });
}); });
}); });
describe('shouldRenderTabs', () => { describe('shouldRenderTabs', () => {
it('returns true when state is loading & has already made the first request', done => { it('returns true when state is loading & has already made the first request', () => {
vm.isLoading = true; wrapper.vm.isLoading = true;
vm.hasMadeRequest = true; wrapper.vm.hasMadeRequest = true;
vm.$nextTick(() => {
expect(vm.shouldRenderTabs).toEqual(true);
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.shouldRenderTabs).toEqual(true);
}); });
}); });
it('returns true when state is tableList & has already made the first request', done => { it('returns true when state is tableList & has already made the first request', () => {
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.state.pipelines = pipelines.pipelines; wrapper.vm.state.pipelines = pipelines.pipelines;
vm.hasMadeRequest = true; wrapper.vm.hasMadeRequest = true;
vm.$nextTick(() => { return wrapper.vm.$nextTick().then(() => {
expect(vm.shouldRenderTabs).toEqual(true); expect(wrapper.vm.shouldRenderTabs).toEqual(true);
done();
}); });
}); });
it('returns true when state is error & has already made the first request', done => { it('returns true when state is error & has already made the first request', () => {
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.hasError = true; wrapper.vm.hasError = true;
vm.hasMadeRequest = true; wrapper.vm.hasMadeRequest = true;
vm.$nextTick(() => {
expect(vm.shouldRenderTabs).toEqual(true);
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.shouldRenderTabs).toEqual(true);
}); });
}); });
it('returns true when state is empty tab & has already made the first request', done => { it('returns true when state is empty tab & has already made the first request', () => {
vm.isLoading = false; wrapper.vm.isLoading = false;
vm.state.count.all = 10; wrapper.vm.state.count.all = 10;
vm.hasMadeRequest = true; wrapper.vm.hasMadeRequest = true;
vm.$nextTick(() => { return wrapper.vm.$nextTick().then(() => {
expect(vm.shouldRenderTabs).toEqual(true); expect(wrapper.vm.shouldRenderTabs).toEqual(true);
done();
}); });
}); });
it('returns false when has not made first request', done => { it('returns false when has not made first request', () => {
vm.hasMadeRequest = false; wrapper.vm.hasMadeRequest = false;
vm.$nextTick(() => {
expect(vm.shouldRenderTabs).toEqual(false);
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.shouldRenderTabs).toEqual(false);
}); });
}); });
it('returns false when state is empty state', done => { it('returns false when state is empty state', () => {
vm.isLoading = false; createComponent({ hasGitlabCi: false, canCreatePipeline: true, ...paths });
vm.hasMadeRequest = true;
vm.hasGitlabCi = false;
vm.$nextTick(() => { wrapper.vm.isLoading = false;
expect(vm.shouldRenderTabs).toEqual(false); wrapper.vm.hasMadeRequest = true;
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.shouldRenderTabs).toEqual(false);
}); });
}); });
}); });
describe('shouldRenderButtons', () => { describe('shouldRenderButtons', () => {
it('returns true when it has paths & has made the first request', done => { it('returns true when it has paths & has made the first request', () => {
vm.hasMadeRequest = true; wrapper.vm.hasMadeRequest = true;
vm.$nextTick(() => { return wrapper.vm.$nextTick().then(() => {
expect(vm.shouldRenderButtons).toEqual(true); expect(wrapper.vm.shouldRenderButtons).toEqual(true);
done();
}); });
}); });
it('returns false when it has not made the first request', done => { it('returns false when it has not made the first request', () => {
vm.hasMadeRequest = false; wrapper.vm.hasMadeRequest = false;
vm.$nextTick(() => {
expect(vm.shouldRenderButtons).toEqual(false);
done(); return wrapper.vm.$nextTick().then(() => {
expect(wrapper.vm.shouldRenderButtons).toEqual(false);
}); });
}); });
}); });
...@@ -727,56 +616,43 @@ describe('Pipelines', () => { ...@@ -727,56 +616,43 @@ describe('Pipelines', () => {
.onGet(pipelineWithStages.details.stages[0].dropdown_path) .onGet(pipelineWithStages.details.stages[0].dropdown_path)
.reply(200, stageReply); .reply(200, stageReply);
vm = mountComponent(PipelinesComponent, { createComponent();
store: new Store(),
hasGitlabCi: true,
canCreatePipeline: true,
...paths,
});
}); });
describe('when a request is being made', () => { describe('when a request is being made', () => {
it('stops polling, cancels the request, & restarts polling', done => { it('stops polling, cancels the request, & restarts polling', () => {
spyOn(vm.poll, 'stop'); const stopMock = jest.spyOn(wrapper.vm.poll, 'stop');
spyOn(vm.poll, 'restart'); const restartMock = jest.spyOn(wrapper.vm.poll, 'restart');
spyOn(vm.service.cancelationSource, 'cancel').and.callThrough(); const cancelMock = jest.spyOn(wrapper.vm.service.cancelationSource, 'cancel');
mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
setTimeout(() => {
vm.isMakingRequest = true; return waitForPromises()
return vm
.$nextTick()
.then(() => { .then(() => {
vm.$el.querySelector('.js-builds-dropdown-button').click(); wrapper.vm.isMakingRequest = true;
wrapper.find('.js-builds-dropdown-button').trigger('click');
}) })
.then(() => { .then(() => {
expect(vm.service.cancelationSource.cancel).toHaveBeenCalled(); expect(cancelMock).toHaveBeenCalled();
expect(vm.poll.stop).toHaveBeenCalled(); expect(stopMock).toHaveBeenCalled();
expect(restartMock).toHaveBeenCalled();
setTimeout(() => { });
expect(vm.poll.restart).toHaveBeenCalled();
done();
}, 0);
})
.catch(done.fail);
}, 0);
}); });
}); });
describe('when no request is being made', () => { describe('when no request is being made', () => {
it('stops polling & restarts polling', done => { it('stops polling & restarts polling', () => {
spyOn(vm.poll, 'stop'); const stopMock = jest.spyOn(wrapper.vm.poll, 'stop');
spyOn(vm.poll, 'restart'); const restartMock = jest.spyOn(wrapper.vm.poll, 'restart');
mock.onGet('twitter/flight/pipelines.json').reply(200, pipelines);
setTimeout(() => {
vm.$el.querySelector('.js-builds-dropdown-button').click();
expect(vm.poll.stop).toHaveBeenCalled();
setTimeout(() => { return waitForPromises()
expect(vm.poll.restart).toHaveBeenCalled(); .then(() => {
done(); wrapper.find('.js-builds-dropdown-button').trigger('click');
}, 0); expect(stopMock).toHaveBeenCalled();
}, 0); })
.then(() => {
expect(restartMock).toHaveBeenCalled();
});
}); });
}); });
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7