diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-11-17 14:33:21 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-11-17 14:33:21 +0300 |
commit | 7021455bd1ed7b125c55eb1b33c5a01f2bc55ee0 (patch) | |
tree | 5bdc2229f5198d516781f8d24eace62fc7e589e9 /spec/frontend/jobs/components | |
parent | 185b095e93520f96e9cfc31d9c3e69b498cdab7c (diff) |
Add latest changes from gitlab-org/gitlab@15-6-stable-eev15.6.0-rc42
Diffstat (limited to 'spec/frontend/jobs/components')
-rw-r--r-- | spec/frontend/jobs/components/job/legacy_sidebar_header_spec.js | 20 | ||||
-rw-r--r-- | spec/frontend/jobs/components/job/sidebar_spec.js | 72 |
2 files changed, 82 insertions, 10 deletions
diff --git a/spec/frontend/jobs/components/job/legacy_sidebar_header_spec.js b/spec/frontend/jobs/components/job/legacy_sidebar_header_spec.js index cb32ca9d3dc..95eb10118ee 100644 --- a/spec/frontend/jobs/components/job/legacy_sidebar_header_spec.js +++ b/spec/frontend/jobs/components/job/legacy_sidebar_header_spec.js @@ -3,7 +3,7 @@ import { extendedWrapper } from 'helpers/vue_test_utils_helper'; import JobRetryButton from '~/jobs/components/job/sidebar/job_sidebar_retry_button.vue'; import LegacySidebarHeader from '~/jobs/components/job/sidebar/legacy_sidebar_header.vue'; import createStore from '~/jobs/store'; -import job from '../../mock_data'; +import job, { failedJobStatus } from '../../mock_data'; describe('Legacy Sidebar Header', () => { let store; @@ -67,6 +67,12 @@ describe('Legacy Sidebar Header', () => { it('should render the retry button', () => { expect(findRetryButton().props('href')).toBe(job.retry_path); }); + + it('should have a different label when the job status is passed', () => { + expect(findRetryButton().attributes('title')).toBe( + LegacySidebarHeader.i18n.runAgainJobButtonLabel, + ); + }); }); describe('when there is no retry path', () => { @@ -88,4 +94,16 @@ describe('Legacy Sidebar Header', () => { expect(findCancelButton().attributes('href')).toBe(job.cancel_path); }); }); + + describe('when the job is failed', () => { + describe('retry button', () => { + it('should have a different label when the job status is failed', () => { + createWrapper({ job: { ...job, status: failedJobStatus } }); + + expect(findRetryButton().attributes('title')).toBe( + LegacySidebarHeader.i18n.retryJobButtonLabel, + ); + }); + }); + }); }); diff --git a/spec/frontend/jobs/components/job/sidebar_spec.js b/spec/frontend/jobs/components/job/sidebar_spec.js index dc1aa67489d..27911eb76eb 100644 --- a/spec/frontend/jobs/components/job/sidebar_spec.js +++ b/spec/frontend/jobs/components/job/sidebar_spec.js @@ -1,6 +1,9 @@ import { shallowMount } from '@vue/test-utils'; import { nextTick } from 'vue'; +import MockAdapter from 'axios-mock-adapter'; import { extendedWrapper } from 'helpers/vue_test_utils_helper'; +import axios from '~/lib/utils/axios_utils'; +import httpStatus from '~/lib/utils/http_status'; import ArtifactsBlock from '~/jobs/components/job/sidebar/artifacts_block.vue'; import JobRetryForwardDeploymentModal from '~/jobs/components/job/sidebar/job_retry_forward_deployment_modal.vue'; import JobsContainer from '~/jobs/components/job/sidebar/jobs_container.vue'; @@ -10,6 +13,7 @@ import createStore from '~/jobs/store'; import job, { jobsInStage } from '../../mock_data'; describe('Sidebar details block', () => { + let mock; let store; let wrapper; @@ -18,6 +22,8 @@ describe('Sidebar details block', () => { const findArtifactsBlock = () => wrapper.findComponent(ArtifactsBlock); const findNewIssueButton = () => wrapper.findByTestId('job-new-issue'); const findTerminalLink = () => wrapper.findByTestId('terminal-link'); + const findJobStagesDropdown = () => wrapper.findComponent(StagesDropdown); + const findJobsContainer = () => wrapper.findComponent(JobsContainer); const createWrapper = (props) => { store = createStore(); @@ -35,6 +41,13 @@ describe('Sidebar details block', () => { ); }; + beforeEach(() => { + mock = new MockAdapter(axios); + mock.onGet().reply(httpStatus.OK, { + name: job.stage, + }); + }); + afterEach(() => { wrapper.destroy(); }); @@ -110,31 +123,72 @@ describe('Sidebar details block', () => { describe('stages dropdown', () => { beforeEach(() => { createWrapper(); - return store.dispatch('receiveJobSuccess', { ...job, stage: 'aStage' }); + return store.dispatch('receiveJobSuccess', job); }); describe('with stages', () => { it('renders value provided as selectedStage as selected', () => { - expect(wrapper.findComponent(StagesDropdown).props('selectedStage')).toBe('aStage'); + expect(findJobStagesDropdown().props('selectedStage')).toBe(job.stage); }); }); describe('without jobs for stages', () => { - beforeEach(() => store.dispatch('receiveJobSuccess', job)); - it('does not render jobs container', () => { - expect(wrapper.findComponent(JobsContainer).exists()).toBe(false); + expect(findJobsContainer().exists()).toBe(false); }); }); describe('with jobs for stages', () => { + beforeEach(() => { + return store.dispatch('receiveJobsForStageSuccess', jobsInStage.latest_statuses); + }); + + it('renders list of jobs', async () => { + expect(findJobsContainer().exists()).toBe(true); + }); + }); + + describe('when job data changes', () => { + const stageArg = job.pipeline.details.stages.find((stage) => stage.name === job.stage); + beforeEach(async () => { - await store.dispatch('receiveJobSuccess', job); - await store.dispatch('receiveJobsForStageSuccess', jobsInStage.latest_statuses); + jest.spyOn(store, 'dispatch'); }); - it('renders list of jobs', () => { - expect(wrapper.findComponent(JobsContainer).exists()).toBe(true); + describe('and the job stage is currently selected', () => { + describe('when the status changed', () => { + it('refetch the jobs list for the stage', async () => { + await store.dispatch('receiveJobSuccess', { ...job, status: 'new' }); + + expect(store.dispatch).toHaveBeenNthCalledWith(2, 'fetchJobsForStage', { ...stageArg }); + }); + }); + + describe('when the status did not change', () => { + it('does not refetch the jobs list for the stage', async () => { + await store.dispatch('receiveJobSuccess', { ...job }); + + expect(store.dispatch).toHaveBeenCalledTimes(1); + expect(store.dispatch).toHaveBeenNthCalledWith(1, 'receiveJobSuccess', { + ...job, + }); + }); + }); + }); + + describe('and the job stage is not currently selected', () => { + it('does not refetch the jobs list for the stage', async () => { + // Setting stage to `random` on the job means that we are looking + // at `build` stage currently, but the job we are seeing in the logs + // belong to `random`, so we shouldn't have to refetch + await store.dispatch('receiveJobSuccess', { ...job, stage: 'random' }); + + expect(store.dispatch).toHaveBeenCalledTimes(1); + expect(store.dispatch).toHaveBeenNthCalledWith(1, 'receiveJobSuccess', { + ...job, + stage: 'random', + }); + }); }); }); }); |