214 lines
7.1 KiB
JavaScript
214 lines
7.1 KiB
JavaScript
import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
|
|
import { trimText } from 'helpers/text_helper';
|
|
import PipelineUrlComponent from '~/pipelines/components/pipelines_list/pipeline_url.vue';
|
|
import { mockPipeline } from './mock_data';
|
|
|
|
const projectPath = 'test/test';
|
|
|
|
describe('Pipeline Url Component', () => {
|
|
let wrapper;
|
|
|
|
const findTableCell = () => wrapper.findByTestId('pipeline-url-table-cell');
|
|
const findPipelineUrlLink = () => wrapper.findByTestId('pipeline-url-link');
|
|
const findScheduledTag = () => wrapper.findByTestId('pipeline-url-scheduled');
|
|
const findLatestTag = () => wrapper.findByTestId('pipeline-url-latest');
|
|
const findYamlTag = () => wrapper.findByTestId('pipeline-url-yaml');
|
|
const findFailureTag = () => wrapper.findByTestId('pipeline-url-failure');
|
|
const findAutoDevopsTag = () => wrapper.findByTestId('pipeline-url-autodevops');
|
|
const findAutoDevopsTagLink = () => wrapper.findByTestId('pipeline-url-autodevops-link');
|
|
const findStuckTag = () => wrapper.findByTestId('pipeline-url-stuck');
|
|
const findDetachedTag = () => wrapper.findByTestId('pipeline-url-detached');
|
|
const findForkTag = () => wrapper.findByTestId('pipeline-url-fork');
|
|
const findTrainTag = () => wrapper.findByTestId('pipeline-url-train');
|
|
const findRefName = () => wrapper.findByTestId('merge-request-ref');
|
|
const findCommitShortSha = () => wrapper.findByTestId('commit-short-sha');
|
|
|
|
const findCommitTitleContainer = () => wrapper.findByTestId('commit-title-container');
|
|
const findCommitTitle = (commitWrapper) => commitWrapper.find('[data-testid="commit-title"]');
|
|
|
|
const defaultProps = mockPipeline(projectPath);
|
|
|
|
const createComponent = (props, rearrangePipelinesTable = false) => {
|
|
wrapper = shallowMountExtended(PipelineUrlComponent, {
|
|
propsData: { ...defaultProps, ...props },
|
|
provide: {
|
|
targetProjectFullPath: projectPath,
|
|
glFeatures: {
|
|
rearrangePipelinesTable,
|
|
},
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
wrapper = null;
|
|
});
|
|
|
|
describe('with the rearrangePipelinesTable feature flag turned off', () => {
|
|
it('should render pipeline url table cell', () => {
|
|
createComponent();
|
|
|
|
expect(findTableCell().exists()).toBe(true);
|
|
});
|
|
|
|
it('should render a link the provided path and id', () => {
|
|
createComponent();
|
|
|
|
expect(findPipelineUrlLink().attributes('href')).toBe('foo');
|
|
|
|
expect(findPipelineUrlLink().text()).toBe('#1');
|
|
});
|
|
|
|
it('should not render tags when flags are not set', () => {
|
|
createComponent();
|
|
|
|
expect(findStuckTag().exists()).toBe(false);
|
|
expect(findLatestTag().exists()).toBe(false);
|
|
expect(findYamlTag().exists()).toBe(false);
|
|
expect(findAutoDevopsTag().exists()).toBe(false);
|
|
expect(findFailureTag().exists()).toBe(false);
|
|
expect(findScheduledTag().exists()).toBe(false);
|
|
expect(findForkTag().exists()).toBe(false);
|
|
expect(findTrainTag().exists()).toBe(false);
|
|
});
|
|
|
|
it('should render the stuck tag when flag is provided', () => {
|
|
const stuckPipeline = defaultProps.pipeline;
|
|
stuckPipeline.flags.stuck = true;
|
|
|
|
createComponent({
|
|
...stuckPipeline.pipeline,
|
|
});
|
|
|
|
expect(findStuckTag().text()).toContain('stuck');
|
|
});
|
|
|
|
it('should render latest tag when flag is provided', () => {
|
|
const latestPipeline = defaultProps.pipeline;
|
|
latestPipeline.flags.latest = true;
|
|
|
|
createComponent({
|
|
...latestPipeline,
|
|
});
|
|
|
|
expect(findLatestTag().text()).toContain('latest');
|
|
});
|
|
|
|
it('should render a yaml badge when it is invalid', () => {
|
|
const yamlPipeline = defaultProps.pipeline;
|
|
yamlPipeline.flags.yaml_errors = true;
|
|
|
|
createComponent({
|
|
...yamlPipeline,
|
|
});
|
|
|
|
expect(findYamlTag().text()).toContain('yaml invalid');
|
|
});
|
|
|
|
it('should render an autodevops badge when flag is provided', () => {
|
|
const autoDevopsPipeline = defaultProps.pipeline;
|
|
autoDevopsPipeline.flags.auto_devops = true;
|
|
|
|
createComponent({
|
|
...autoDevopsPipeline,
|
|
});
|
|
|
|
expect(trimText(findAutoDevopsTag().text())).toBe('Auto DevOps');
|
|
|
|
expect(findAutoDevopsTagLink().attributes()).toMatchObject({
|
|
href: '/help/topics/autodevops/index.md',
|
|
target: '_blank',
|
|
});
|
|
});
|
|
|
|
it('should render a detached badge when flag is provided', () => {
|
|
const detachedMRPipeline = defaultProps.pipeline;
|
|
detachedMRPipeline.flags.detached_merge_request_pipeline = true;
|
|
|
|
createComponent({
|
|
...detachedMRPipeline,
|
|
});
|
|
|
|
expect(findDetachedTag().text()).toContain('detached');
|
|
});
|
|
|
|
it('should render error badge when pipeline has a failure reason set', () => {
|
|
const failedPipeline = defaultProps.pipeline;
|
|
failedPipeline.flags.failure_reason = true;
|
|
failedPipeline.failure_reason = 'some reason';
|
|
|
|
createComponent({
|
|
...failedPipeline,
|
|
});
|
|
|
|
expect(findFailureTag().text()).toContain('error');
|
|
expect(findFailureTag().attributes('title')).toContain('some reason');
|
|
});
|
|
|
|
it('should render scheduled badge when pipeline was triggered by a schedule', () => {
|
|
const scheduledPipeline = defaultProps.pipeline;
|
|
scheduledPipeline.source = 'schedule';
|
|
|
|
createComponent({
|
|
...scheduledPipeline,
|
|
});
|
|
|
|
expect(findScheduledTag().exists()).toBe(true);
|
|
expect(findScheduledTag().text()).toContain('Scheduled');
|
|
});
|
|
|
|
it('should render the fork badge when the pipeline was run in a fork', () => {
|
|
const forkedPipeline = defaultProps.pipeline;
|
|
forkedPipeline.project.full_path = '/test/forked';
|
|
|
|
createComponent({
|
|
...forkedPipeline,
|
|
});
|
|
|
|
expect(findForkTag().exists()).toBe(true);
|
|
expect(findForkTag().text()).toBe('fork');
|
|
});
|
|
|
|
it('should render the train badge when the pipeline is a merge train pipeline', () => {
|
|
const mergeTrainPipeline = defaultProps.pipeline;
|
|
mergeTrainPipeline.flags.merge_train_pipeline = true;
|
|
|
|
createComponent({
|
|
...mergeTrainPipeline,
|
|
});
|
|
|
|
expect(findTrainTag().text()).toContain('train');
|
|
});
|
|
|
|
it('should not render the train badge when the pipeline is not a merge train pipeline', () => {
|
|
const mergeTrainPipeline = defaultProps.pipeline;
|
|
mergeTrainPipeline.flags.merge_train_pipeline = false;
|
|
|
|
createComponent({
|
|
...mergeTrainPipeline,
|
|
});
|
|
|
|
expect(findTrainTag().exists()).toBe(false);
|
|
});
|
|
|
|
it('should not render the commit wrapper and commit-short-sha', () => {
|
|
createComponent();
|
|
|
|
expect(findCommitTitleContainer().exists()).toBe(false);
|
|
expect(findCommitShortSha().exists()).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('with the rearrangePipelinesTable feature flag turned on', () => {
|
|
it('should render the commit title, commit reference and commit-short-sha', () => {
|
|
createComponent({}, true);
|
|
const commitWrapper = findCommitTitleContainer();
|
|
|
|
expect(findCommitTitle(commitWrapper).exists()).toBe(true);
|
|
expect(findRefName().exists()).toBe(true);
|
|
expect(findCommitShortSha().exists()).toBe(true);
|
|
});
|
|
});
|
|
});
|