120 lines
3.5 KiB
JavaScript
120 lines
3.5 KiB
JavaScript
import { GlLink, GlBadge } from '@gitlab/ui';
|
|
import { merge } from 'lodash';
|
|
import originalRelease from 'test_fixtures/api/releases/release.json';
|
|
import setWindowLocation from 'helpers/set_window_location_helper';
|
|
import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
|
|
import { __ } from '~/locale';
|
|
import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
|
|
import ReleaseBlockHeader from '~/releases/components/release_block_header.vue';
|
|
import { BACK_URL_PARAM } from '~/releases/constants';
|
|
|
|
describe('Release block header', () => {
|
|
let wrapper;
|
|
let release;
|
|
|
|
const factory = (releaseUpdates = {}) => {
|
|
wrapper = shallowMountExtended(ReleaseBlockHeader, {
|
|
propsData: {
|
|
release: merge({}, release, releaseUpdates),
|
|
},
|
|
stubs: { GlBadge },
|
|
});
|
|
};
|
|
|
|
beforeEach(() => {
|
|
release = convertObjectPropsToCamelCase(originalRelease, { deep: true });
|
|
});
|
|
|
|
afterEach(() => {
|
|
wrapper.destroy();
|
|
});
|
|
|
|
const findHeader = () => wrapper.find('h2');
|
|
const findHeaderLink = () => findHeader().findComponent(GlLink);
|
|
const findEditButton = () => wrapper.find('.js-edit-button');
|
|
const findBadge = () => wrapper.findComponent(GlBadge);
|
|
|
|
describe('when _links.self is provided', () => {
|
|
beforeEach(() => {
|
|
factory();
|
|
});
|
|
|
|
it('renders the title as a link', () => {
|
|
const link = findHeaderLink();
|
|
|
|
expect(link.text()).toBe(release.name);
|
|
expect(link.attributes('href')).toBe(release._links.self);
|
|
});
|
|
});
|
|
|
|
describe('when _links.self is missing', () => {
|
|
beforeEach(() => {
|
|
factory({ _links: { self: null } });
|
|
});
|
|
|
|
it('renders the title as text', () => {
|
|
expect(findHeader().text()).toContain(release.name);
|
|
expect(findHeaderLink().exists()).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('when _links.edit_url is provided', () => {
|
|
const currentUrl = 'https://example.gitlab.com/path';
|
|
|
|
beforeEach(() => {
|
|
setWindowLocation(currentUrl);
|
|
|
|
factory();
|
|
});
|
|
|
|
it('renders an edit button', () => {
|
|
expect(findEditButton().exists()).toBe(true);
|
|
});
|
|
|
|
it('renders the edit button with the correct href', () => {
|
|
const expectedQueryParam = `${BACK_URL_PARAM}=${encodeURIComponent(currentUrl)}`;
|
|
const expectedUrl = `${release._links.editUrl}?${expectedQueryParam}`;
|
|
expect(findEditButton().attributes().href).toBe(expectedUrl);
|
|
});
|
|
});
|
|
|
|
describe('when _links.edit is missing', () => {
|
|
beforeEach(() => {
|
|
factory({ _links: { editUrl: null } });
|
|
});
|
|
|
|
it('does not render an edit button', () => {
|
|
expect(findEditButton().exists()).toBe(false);
|
|
});
|
|
});
|
|
|
|
describe('upcoming release', () => {
|
|
beforeEach(() => {
|
|
factory({ upcomingRelease: true, historicalRelease: false });
|
|
});
|
|
|
|
it('shows a badge that the release is upcoming', () => {
|
|
const badge = findBadge();
|
|
|
|
expect(badge.text()).toBe(__('Upcoming Release'));
|
|
expect(badge.props('variant')).toBe('warning');
|
|
});
|
|
});
|
|
|
|
describe('historical release', () => {
|
|
beforeEach(() => {
|
|
factory({ upcomingRelease: false, historicalRelease: true });
|
|
});
|
|
|
|
it('shows a badge that the release is historical', () => {
|
|
const badge = findBadge();
|
|
|
|
expect(badge.text()).toBe(__('Historical release'));
|
|
expect(badge.attributes('title')).toBe(
|
|
__(
|
|
'This release was created with a date in the past. Evidence collection at the moment of the release is unavailable.',
|
|
),
|
|
);
|
|
});
|
|
});
|
|
});
|