test: Enable accessibleDescription in cypress tests

tests/cypress/fixtures/example.json

@@ -0,0 +1 @@
+{}

tests/cypress/integration/web-platform-test.js

@@ -174,23 +174,36 @@ context("wpt", () => {
 				`#steps tr:nth-of-type(2) .api tr:nth-of-type(${2 + usedApiIndex})`
 			)
 				.then(($row) => {
-					const [$apiName, $access, $name, $equality, $expected] = $row.find(
-						"td"
-					);
+					const [
+						$apiName,
+						$access,
+						$property,
+						$equality,
+						$expected,
+					] = $row.find("td");
 
 					// these cases are handled
 					expect($apiName.textContent).to.equal("ATK");
 					expect($access.textContent).to.equal("property");
+					expect($property.textContent).to.be.oneOf(["name", "description"]);
 					expect($equality.textContent).to.equal("is");
 
-					return $expected.textContent;
+					return [$property.textContent, $expected.textContent];
 				})
-				.then((expected) => {
+				.then(([property, expected]) => {
 					cy.get("#test").then(($element) => {
-						if (result === "pass") {
-							expect($element[0]).to.have.accessibleName(expected);
-						} else if (result === "fail") {
-							expect($element[0]).not.to.have.accessibleName(expected);
+						if (property === "name") {
+							if (result === "pass") {
+								expect($element[0]).to.have.accessibleName(expected);
+							} else if (result === "fail") {
+								expect($element[0]).not.to.have.accessibleName(expected);
+							}
+						} else if (property === "description") {
+							if (result === "pass") {
+								expect($element[0]).to.have.accessibleDescription(expected);
+							} else if (result === "fail") {
+								expect($element[0]).not.to.have.accessibleDescription(expected);
+							}
 						}
 					});
 				});

tests/cypress/support/index.js

@@ -1,9 +1,11 @@
-import { computeAccessibleName } from "../../../dist";
+import {
+	computeAccessibleName,
+	computeAccessibleDescription,
+} from "../../../dist";
 
 chai.use((_chai, _utils) => {
 	function assertAccessibleName(expected) {
 		const element = _utils.flag(this, "object");
-		console.log(element);
 		const actual = computeAccessibleName(element);
 
 		this.assert(
@@ -14,4 +16,20 @@ chai.use((_chai, _utils) => {
 	}
 
 	_chai.Assertion.addMethod("accessibleName", assertAccessibleName);
+
+	function assertAccessibleDescription(expected) {
+		const element = _utils.flag(this, "object");
+		const actual = computeAccessibleDescription(element);
+
+		this.assert(
+			expected === actual,
+			`expected to have accessible description '${expected}' but got '${actual}'`,
+			`expected to not have accessible description ${expected}`
+		);
+	}
+
+	_chai.Assertion.addMethod(
+		"accessibleDescription",
+		assertAccessibleDescription
+	);
 });