diff --git a/packages/frontend/tests/helpers/index.js b/packages/frontend/tests/helpers/index.js index 51fa112b57..eeb855b71d 100644 --- a/packages/frontend/tests/helpers/index.js +++ b/packages/frontend/tests/helpers/index.js @@ -7,6 +7,18 @@ import { setupMirage } from 'frontend/tests/test-support/mirage'; import { setupIntl } from 'ember-intl/test-support'; import { setRunOptions } from 'ember-a11y-testing/test-support'; +/** + * In order to get wcag22 rules we have to specify the tags manually. + * see: https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md#wcag-22-level-a--aa-rules + * + * There is no supported way to add tags, only to send the entire list. + * see https://github.com/dequelabs/axe-core/issues/4717 + */ +const runOnly = { + type: 'tag', + values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice', 'wcag22a', 'wcag22aa'], +}; + // This file exists to provide wrappers around ember-qunit's // test setup functions. This way, you can easily extend the setup that is // needed per test type. @@ -28,6 +40,10 @@ function setupApplicationTest(hooks, options) { // setupIntl(hooks, 'en-us'); // ember-intl setupMirage(hooks); // ember-mirage + setRunOptions({ + preload: false, + runOnly, + }); } function setupRenderingTest(hooks, options) { @@ -35,14 +51,17 @@ function setupRenderingTest(hooks, options) { setupIntl(hooks, 'en-us'); // ember-intl // Additional setup for rendering tests can be done here. - setRunOptions({ + preload: false, rules: { //disable color-contrast check on integration tests as we don't have a full background or styles 'color-contrast': { enabled: false }, + //dislable list-item as many components are just an li element not in a list listitem: { enabled: false }, + //disable heading order as many components have headings that start too low 'heading-order': { enabled: false }, }, + runOnly, }); } diff --git a/packages/frontend/tests/test-helper.js b/packages/frontend/tests/test-helper.js index b5472e48f6..293f0d9eb4 100644 --- a/packages/frontend/tests/test-helper.js +++ b/packages/frontend/tests/test-helper.js @@ -9,7 +9,6 @@ import { forceModulesToBeLoaded, sendCoverage } from 'ember-cli-code-coverage/te import DefaultAdapter from 'ember-cli-page-object/adapters/rfc268'; import { setAdapter } from 'ember-cli-page-object/adapters'; import { - setRunOptions, setupGlobalA11yHooks, setupQUnitA11yAuditToggle, setupConsoleLogger, @@ -19,9 +18,6 @@ import start from 'ember-exam/test-support/start'; import './helpers/percy-snapshot-name'; setupConsoleLogger(); -setRunOptions({ - preload: false, -}); setupGlobalA11yHooks(() => true); setupQUnitA11yAuditToggle(QUnit); diff --git a/packages/test-app/tests/helpers/index.js b/packages/test-app/tests/helpers/index.js index 3d45e31be6..da46644107 100644 --- a/packages/test-app/tests/helpers/index.js +++ b/packages/test-app/tests/helpers/index.js @@ -7,6 +7,18 @@ import { setupMirage } from 'test-app/tests/test-support/mirage'; import { setupIntl } from 'ember-intl/test-support'; import { setRunOptions } from 'ember-a11y-testing/test-support'; +/** + * In order to get wcag22 rules we have to specify the tags manually. + * see: https://github.com/dequelabs/axe-core/blob/develop/doc/rule-descriptions.md#wcag-22-level-a--aa-rules + * + * There is no supported way to add tags, only to send the entire list. + * see https://github.com/dequelabs/axe-core/issues/4717 + */ +const runOnly = { + type: 'tag', + values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice', 'wcag22a', 'wcag22aa'], +}; + // This file exists to provide wrappers around ember-qunit's // test setup functions. This way, you can easily extend the setup that is // needed per test type. @@ -28,6 +40,10 @@ function setupApplicationTest(hooks, options) { // setupIntl(hooks, 'en-us'); // ember-intl setupMirage(hooks); // ember-mirage + setRunOptions({ + preload: false, + runOnly, + }); } function setupRenderingTest(hooks, options) { @@ -36,12 +52,16 @@ function setupRenderingTest(hooks, options) { // Additional setup for rendering tests can be done here. setRunOptions({ + preload: false, rules: { //disable color-contrast check on integration tests as we don't have a full background or styles 'color-contrast': { enabled: false }, + //dislable list-item as many components are just an li element not in a list listitem: { enabled: false }, + //disable heading order as many components have headings that start too low 'heading-order': { enabled: false }, }, + runOnly, }); } diff --git a/packages/test-app/tests/test-helper.js b/packages/test-app/tests/test-helper.js index 4af3be4b91..16352668c6 100644 --- a/packages/test-app/tests/test-helper.js +++ b/packages/test-app/tests/test-helper.js @@ -7,7 +7,6 @@ import { setupEmberOnerrorValidation } from 'ember-qunit'; import { forceModulesToBeLoaded, sendCoverage } from 'ember-cli-code-coverage/test-support'; import { - setRunOptions, setupGlobalA11yHooks, setupQUnitA11yAuditToggle, setupConsoleLogger, @@ -16,9 +15,6 @@ import { import start from 'ember-exam/test-support/start'; setupConsoleLogger(); -setRunOptions({ - preload: false, -}); setupGlobalA11yHooks(() => true); setupQUnitA11yAuditToggle(QUnit);