wpt: extract subtests

test/test-wpt.js

@@ -1,37 +1,80 @@
+/* global describe, it, xit, before, after, expect, aria */
+
 describe('wpt', () => {
 	var testbed = document.createElement('div');
 	var known_failing = [
 		'Name test case 660',
 		'Name test case 659',
 	];
 
+	var withId = function(element, fn) {
+		if (element.id) {
+			fn();
+		} else {
+			element.id = 'subtest';
+			fn();
+			element.removeAttribute('id');
+		}
+	};
+
+	var extractTests = function(data) {
+		var tests = [];
+		document.body.appendChild(testbed);
+		testbed.innerHTML = data.html;
+		for (var element of testbed.querySelectorAll(data.selector)) {
+			withId(element, () => {
+				tests.push({
+					'filename': data.filename,
+					'title': element.dataset.testname || data.title,
+					'html': testbed.innerHTML,
+					'name': element.dataset.expectedlabel,
+					'description': element.dataset.expecteddescription,
+					'role': element.dataset.expectedrole,
+					'selector': `#${element.id}`,
+				});
+			});
+		}
+		testbed.remove();
+		return tests;
+	};
+
+	var registerTest = function(test) {
+		var _it = known_failing.includes(test.title) ? xit : it;
+		_it(test.title, () => {
+			testbed.innerHTML = test.html;
+			expect(test.name != null || test.description != null || test.role != null).toBe(true);
+			var element = testbed.querySelector(test.selector);
+
+			if (test.name != null) {
+				expect(aria.getName(element)).toBe(test.name);
+			}
+			if (test.description != null) {
+				expect(aria.getDescription(element)).toBe(test.description);
+			}
+			if (test.role != null) {
+				expect(aria.getRole(element)).toBe(test.role);
+			}
+		});
+	};
+
 	before(() => {
 		document.body.appendChild(testbed);
 	});
 
 	after(() => {
-		document.body.removeChild(testbed);
+		testbed.remove();
 	});
 
 	for (const key in window.wpt) {
 		describe(key, () => {
 			window.wpt[key].forEach(test => {
-				var _it = known_failing.includes(test.title) ? xit : it;
-				_it(test.title, () => {
-					testbed.innerHTML = test.html;
-					for (var element of document.querySelectorAll(test.selector)) {
-						var name = element.dataset.expectedlabel ?? test.name ?? null;
-						var description = element.dataset.expecteddescription ?? test.description ?? null;
-						expect(name ?? description).toNotBe(null);
-
-						if (name !== null) {
-							expect(aria.getName(element)).toBe(name);
-						}
-						if (description !== null) {
-							expect(aria.getDescription(element)).toBe(description);
-						}
-					}
-				});
+				if (test.selector.startsWith('#')) {
+					registerTest(test);
+				} else {
+					describe(test.title, () => {
+						extractTests(test).forEach(registerTest);
+					});
+				}
 			});
 		});
 	}