debian-mirror-gitlab/spec/javascripts/jobs/components/environments_block_spec.js

204 lines
5.7 KiB
JavaScript
Raw Normal View History

2018-11-20 20:47:30 +05:30
import Vue from 'vue';
import component from '~/jobs/components/environments_block.vue';
import mountComponent from '../../helpers/vue_mount_component_helper';
2019-12-21 20:55:43 +05:30
const TEST_CLUSTER_NAME = 'test_cluster';
const TEST_CLUSTER_PATH = 'path/to/test_cluster';
2018-11-20 20:47:30 +05:30
describe('Environments block', () => {
const Component = Vue.extend(component);
let vm;
2018-12-05 23:21:45 +05:30
const status = {
2018-11-20 20:47:30 +05:30
group: 'success',
icon: 'status_success',
label: 'passed',
text: 'passed',
tooltip: 'passed',
};
2018-12-05 23:21:45 +05:30
2018-11-20 20:47:30 +05:30
const environment = {
2018-12-05 23:21:45 +05:30
environment_path: '/environment',
2018-11-20 20:47:30 +05:30
name: 'environment',
};
2019-12-04 20:38:33 +05:30
const lastDeployment = { iid: 'deployment', deployable: { build_path: 'bar' } };
2019-12-21 20:55:43 +05:30
const createEnvironmentWithLastDeployment = () => ({
...environment,
last_deployment: { ...lastDeployment },
});
const createEnvironmentWithCluster = () => ({
...environment,
last_deployment: {
...lastDeployment,
cluster: { name: TEST_CLUSTER_NAME, path: TEST_CLUSTER_PATH },
},
});
const createComponent = (deploymentStatus = {}) => {
vm = mountComponent(Component, {
deploymentStatus,
iconStatus: status,
});
};
const findText = () => vm.$el.textContent.trim();
const findJobDeploymentLink = () => vm.$el.querySelector('.js-job-deployment-link');
const findEnvironmentLink = () => vm.$el.querySelector('.js-environment-link');
const findClusterLink = () => vm.$el.querySelector('.js-job-cluster-link');
2018-11-20 20:47:30 +05:30
afterEach(() => {
vm.$destroy();
});
2018-12-05 23:21:45 +05:30
describe('with last deployment', () => {
2018-11-20 20:47:30 +05:30
it('renders info for most recent deployment', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'last',
environment,
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual('This job is deployed to environment.');
});
it('renders info with cluster', () => {
createComponent({
status: 'last',
environment: createEnvironmentWithCluster(),
});
expect(findText()).toEqual(
`This job is deployed to environment using cluster ${TEST_CLUSTER_NAME}.`,
2018-11-20 20:47:30 +05:30
);
});
});
describe('with out of date deployment', () => {
describe('with last deployment', () => {
it('renders info for out date and most recent', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'out_of_date',
environment: createEnvironmentWithLastDeployment(),
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual(
'This job is an out-of-date deployment to environment. View the most recent deployment.',
2018-11-20 20:47:30 +05:30
);
2018-12-13 13:39:08 +05:30
2019-12-21 20:55:43 +05:30
expect(findJobDeploymentLink().getAttribute('href')).toEqual('bar');
});
it('renders info with cluster', () => {
createComponent({
status: 'out_of_date',
environment: createEnvironmentWithCluster(),
});
expect(findText()).toEqual(
`This job is an out-of-date deployment to environment using cluster ${TEST_CLUSTER_NAME}. View the most recent deployment.`,
);
2018-11-20 20:47:30 +05:30
});
});
describe('without last deployment', () => {
it('renders info about out of date deployment', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'out_of_date',
environment,
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual('This job is an out-of-date deployment to environment.');
2018-11-20 20:47:30 +05:30
});
});
});
describe('with failed deployment', () => {
it('renders info about failed deployment', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'failed',
environment,
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual('The deployment of this job to environment did not succeed.');
2018-11-20 20:47:30 +05:30
});
});
describe('creating deployment', () => {
describe('with last deployment', () => {
2018-12-05 23:21:45 +05:30
it('renders info about creating deployment and overriding latest deployment', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'creating',
environment: createEnvironmentWithLastDeployment(),
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual(
'This job is creating a deployment to environment. This will overwrite the latest deployment.',
2018-11-20 20:47:30 +05:30
);
2018-12-13 13:39:08 +05:30
2019-12-21 20:55:43 +05:30
expect(findJobDeploymentLink().getAttribute('href')).toEqual('bar');
expect(findEnvironmentLink().getAttribute('href')).toEqual(environment.environment_path);
expect(findClusterLink()).toBeNull();
2018-11-20 20:47:30 +05:30
});
});
describe('without last deployment', () => {
it('renders info about failed deployment', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'creating',
environment,
2018-11-20 20:47:30 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual('This job is creating a deployment to environment.');
2018-11-20 20:47:30 +05:30
});
});
2018-12-05 23:21:45 +05:30
describe('without environment', () => {
it('does not render environment link', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'creating',
environment: null,
2018-12-05 23:21:45 +05:30
});
2018-12-13 13:39:08 +05:30
2019-12-21 20:55:43 +05:30
expect(findEnvironmentLink()).toBeNull();
2018-12-05 23:21:45 +05:30
});
});
2018-11-20 20:47:30 +05:30
});
2019-12-04 20:38:33 +05:30
describe('with a cluster', () => {
it('renders the cluster link', () => {
2019-12-21 20:55:43 +05:30
createComponent({
status: 'last',
environment: createEnvironmentWithCluster(),
2019-12-04 20:38:33 +05:30
});
2019-12-21 20:55:43 +05:30
expect(findText()).toEqual(
`This job is deployed to environment using cluster ${TEST_CLUSTER_NAME}.`,
2019-12-04 20:38:33 +05:30
);
2019-12-21 20:55:43 +05:30
expect(findClusterLink().getAttribute('href')).toEqual(TEST_CLUSTER_PATH);
2019-12-04 20:38:33 +05:30
});
describe('when the cluster is missing the path', () => {
it('renders the name without a link', () => {
const cluster = {
name: 'the-cluster',
};
2019-12-21 20:55:43 +05:30
createComponent({
2019-12-04 20:38:33 +05:30
status: 'last',
environment: Object.assign({}, environment, {
2019-12-21 20:55:43 +05:30
last_deployment: {
...lastDeployment,
cluster,
},
2019-12-04 20:38:33 +05:30
}),
2019-12-21 20:55:43 +05:30
});
expect(findText()).toContain('using cluster the-cluster.');
2019-12-04 20:38:33 +05:30
2019-12-21 20:55:43 +05:30
expect(findClusterLink()).toBeNull();
});
2019-12-04 20:38:33 +05:30
});
});
2018-11-20 20:47:30 +05:30
});