Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'spec/frontend/reports/accessibility_report/components/accessibility_issue_body_spec.js')
-rw-r--r--spec/frontend/reports/accessibility_report/components/accessibility_issue_body_spec.js112
1 files changed, 0 insertions, 112 deletions
diff --git a/spec/frontend/reports/accessibility_report/components/accessibility_issue_body_spec.js b/spec/frontend/reports/accessibility_report/components/accessibility_issue_body_spec.js
deleted file mode 100644
index d835ca4c733..00000000000
--- a/spec/frontend/reports/accessibility_report/components/accessibility_issue_body_spec.js
+++ /dev/null
@@ -1,112 +0,0 @@
-import { GlBadge } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import AccessibilityIssueBody from '~/reports/accessibility_report/components/accessibility_issue_body.vue';
-
-const issue = {
- name:
- 'The accessibility scanning found 2 errors of the following type: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent',
- code: 'WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent',
- message: 'This element has insufficient contrast at this conformance level.',
- status: 'failed',
- className: 'spec.test_spec',
- learnMoreUrl: 'https://www.w3.org/TR/WCAG20-TECHS/H91.html',
-};
-
-describe('CustomMetricsForm', () => {
- let wrapper;
-
- const mountComponent = ({ name, code, message, status, className }, isNew = false) => {
- wrapper = shallowMount(AccessibilityIssueBody, {
- propsData: {
- issue: {
- name,
- code,
- message,
- status,
- className,
- },
- isNew,
- },
- });
- };
-
- const findIsNewBadge = () => wrapper.findComponent(GlBadge);
-
- beforeEach(() => {
- mountComponent(issue);
- });
-
- afterEach(() => {
- wrapper.destroy();
- });
-
- it('Displays the issue message', () => {
- const description = wrapper.findComponent({ ref: 'accessibility-issue-description' }).text();
-
- expect(description).toContain(`Message: ${issue.message}`);
- });
-
- describe('When an issue code is present', () => {
- it('Creates the correct URL for learning more about the issue code', () => {
- const learnMoreUrl = wrapper
- .findComponent({ ref: 'accessibility-issue-learn-more' })
- .attributes('href');
-
- expect(learnMoreUrl).toBe(issue.learnMoreUrl);
- });
- });
-
- describe('When an issue code is not present', () => {
- beforeEach(() => {
- mountComponent({
- ...issue,
- code: undefined,
- });
- });
-
- it('Creates a URL leading to the overview documentation page', () => {
- const learnMoreUrl = wrapper
- .findComponent({ ref: 'accessibility-issue-learn-more' })
- .attributes('href');
-
- expect(learnMoreUrl).toBe('https://www.w3.org/TR/WCAG20-TECHS/Overview.html');
- });
- });
-
- describe('When an issue code does not contain the TECHS code', () => {
- beforeEach(() => {
- mountComponent({
- ...issue,
- code: 'WCAG2AA.Principle4.Guideline4_1.4_1_2',
- });
- });
-
- it('Creates a URL leading to the overview documentation page', () => {
- const learnMoreUrl = wrapper
- .findComponent({ ref: 'accessibility-issue-learn-more' })
- .attributes('href');
-
- expect(learnMoreUrl).toBe('https://www.w3.org/TR/WCAG20-TECHS/Overview.html');
- });
- });
-
- describe('When issue is new', () => {
- beforeEach(() => {
- mountComponent(issue, true);
- });
-
- it('Renders the new badge', () => {
- expect(findIsNewBadge().exists()).toBe(true);
- });
- });
-
- describe('When issue is not new', () => {
- beforeEach(() => {
- mountComponent(issue, false);
- });
-
- it('Does not render the new badge', () => {
- expect(findIsNewBadge().exists()).toBe(false);
- });
- });
-});