Split out axe tests

src/create.js

@@ -8,7 +8,7 @@ import { run as setupElement } from './generators/wc-lit-element/index.js';
 import { run as setupLocalization } from './generators/localization/index.js';
 import { run as setupRelease } from './generators/release/index.js';
 import { run as setupStaticSite } from './generators/static-site/index.js';
-import { run as setupTestUnit } from './generators/test-unit/index.js';
+import { run as setupTestUnitAxe } from './generators/test-unit-axe/index.js';
 import { run as setupTestVdiff } from './generators/test-vdiff/index.js';
 
 const generatorTypes = {
@@ -148,7 +148,7 @@ async function executeComponentGenerator() {
 
 	setupDefaultContent(options);
 	setupElement(options);
-	setupTestUnit(options);
+	setupTestUnitAxe(options);
 	if (options.vdiff) setupTestVdiff(options);
 	setupDemo(options);
 	if (options.localization) setupLocalization(options);

src/generators/test-unit/index.js → src/generators/test-unit-axe/index.js

@@ -9,12 +9,14 @@ export function run(templateData) {
 		`${__dirname}/templates/configured/_README.md`,
 		`${getDestinationPath(templateData.hyphenatedName)}/README.md`
 	);
-
 	copyFile(
 		`${__dirname}/templates/configured/_element.test.js`,
 		`${getDestinationPath(templateData.hyphenatedName)}/test/${templateData.hyphenatedName}.test.js`
 	);
+	copyFile(
+		`${__dirname}/templates/configured/_element.axe.js`,
+		`${getDestinationPath(templateData.hyphenatedName)}/test/${templateData.hyphenatedName}.axe.js`
+	);
 	replaceText(`${getDestinationPath(templateData.hyphenatedName)}/test/${templateData.hyphenatedName}.test.js`, templateData);
-
 	copyFilesInDir(`${__dirname}/templates/static`, getDestinationPath(templateData.hyphenatedName));
 }

src/generators/test-unit/templates/configured/_README.md → src/generators/test-unit-axe/templates/configured/_README.md

@@ -16,6 +16,9 @@ npm run lint:eslint
 # stylelint
 npm run lint:style
 
+# accessibility tests
+npm run test:axe
+
 # unit tests
 npm run test:unit
 ```

src/generators/test-unit/templates/configured/_element.test.js → src/generators/test-unit-axe/templates/configured/_element.axe.js

@@ -1,5 +1,5 @@
 import '../<%= hyphenatedName %>.js';
-import { expect, fixture, html, runConstructor } from '@brightspace-ui/testing';
+import { expect, fixture, html } from '@brightspace-ui/testing';
 
 describe('<%= className %>', () => {
 
@@ -10,10 +10,4 @@ describe('<%= className %>', () => {
 		});
 	});
 
-	describe('constructor', () => {
-		it('should construct', () => {
-			runConstructor('<%= tagName %>');
-		});
-	});
-
 });

src/generators/test-unit-axe/templates/configured/_element.test.js

@@ -0,0 +1,12 @@
+import '../<%= hyphenatedName %>.js';
+import { runConstructor } from '@brightspace-ui/testing';
+
+describe('<%= className %>', () => {
+
+	describe('constructor', () => {
+		it('should construct', () => {
+			runConstructor('<%= tagName %>');
+		});
+	});
+
+});

src/generators/test-unit/templates/configured/_package.json → src/generators/test-unit-axe/templates/configured/_package.json

@@ -1,6 +1,7 @@
 {
   "scripts": {
-    "test": "npm run lint && npm run test:unit",
+    "test": "npm run lint && npm run test:axe && npm run test:unit",
+    "test:axe": "d2l-test-runner axe --chrome",
     "test:unit": "d2l-test-runner"
   },
   "devDependencies": {

src/generators/test-unit/templates/static/.github/workflows/ci.yml → src/generators/test-unit-axe/templates/static/.github/workflows/ci.yml

@@ -16,5 +16,7 @@ jobs:
         run: npm run lint:eslint
       - name: Lint (CSS)
         run: npm run lint:style
-      - name: Unit Tests
+      - name: Accessibility tests
+        run: npm run test:axe
+      - name: Unit tests
         run: npm run test:unit