3 files changed, 117 insertions, 0 deletions
diff --git a/accessible/tests/browser/role/browser.ini b/accessible/tests/browser/role/browser.ini
new file mode 100644
index 0000000000..751f24ecc4
--- /dev/null
+++ b/accessible/tests/browser/role/browser.ini
@@ -0,0 +1,11 @@
+[DEFAULT]
+subsuite = a11y
+support-files =
+  head.js
+  !/accessible/tests/browser/shared-head.js
+  !/accessible/tests/mochitest/*.js
+  !/accessible/tests/browser/*.mjs
+prefs =
+  javascript.options.asyncstack_capture_debuggee_only=false
+
+[browser_computedARIARole.js]
diff --git a/accessible/tests/browser/role/browser_computedARIARole.js b/accessible/tests/browser/role/browser_computedARIARole.js
new file mode 100644
index 0000000000..50cfe43c98
--- /dev/null
+++ b/accessible/tests/browser/role/browser_computedARIARole.js
@@ -0,0 +1,88 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+addAccessibleTask(
+  `
+<div id="ariaButton" role="button">ARIA button</div>
+<div id="ariaLog" role="log">ARIA log</div>
+<div id="ariaMain" role="main">ARIA main</div>
+<div id="ariaRegion" role="region" aria-label="ARIA region">ARIA region</div>
+<nav id="ariaUnnamedRegion" role="region">ARIA unnamed region</nav>
+<div id="ariaDirectory" role="directory">ARIA directory</div>
+<div id="ariaAlertdialog" role="alertdialog">ARIA alertdialog</div>
+<div id="ariaFeed" role="feed">ARIA feed</div>
+<div id="ariaRowgroup" role="rowgroup">ARIA rowgroup</div>
+<div id="ariaSearchbox" role="searchbox">ARIA searchbox</div>
+<div id="ariaUnknown" role="unknown">unknown ARIA role</div>
+<button id="htmlButton">HTML button</button>
+<button id="toggleButton" aria-pressed="true">toggle button</button>
+<main id="htmlMain">HTML main</main>
+<header id="htmlHeader">HTML header</header>
+<section id="htmlSection">
+  <header id="htmlSectionHeader">HTML header inside section</header>
+</section>
+<section id="htmlRegion" aria-label="HTML region">HTML region</section>
+<fieldset id="htmlFieldset">HTML fieldset</fieldset>
+<table>
+  <tbody id="htmlTbody" tabindex="-1"><tr><th>HTML tbody</th></tr></tbody>
+</table>
+<table role="grid">
+  <tr>
+    <td id="htmlGridcell">HTML implicit gridcell</td>
+  </tr>
+</table>
+<div id="htmlDiv">HTML div</div>
+<span id="htmlSpan" aria-label="HTML span">HTML span</span>
+<iframe id="iframe"></iframe>
+  `,
+  async function (browser, docAcc) {
+    function testComputedARIARole(id, role) {
+      const acc = findAccessibleChildByID(docAcc, id);
+      is(acc.computedARIARole, role, `computedARIARole for ${id} is correct`);
+    }
+
+    testComputedARIARole("ariaButton", "button");
+    testComputedARIARole("ariaLog", "log");
+    // Landmarks map to a single Gecko role.
+    testComputedARIARole("ariaMain", "main");
+    testComputedARIARole("ariaRegion", "region");
+    // Unnamed ARIA regions should ignore the ARIA role.
+    testComputedARIARole("ariaUnnamedRegion", "navigation");
+    // The directory ARIA role is an alias of list.
+    testComputedARIARole("ariaDirectory", "list");
+    // alertdialog, feed, rowgroup and searchbox map to a Gecko role, but it
+    // isn't unique.
+    testComputedARIARole("ariaAlertdialog", "alertdialog");
+    testComputedARIARole("ariaFeed", "feed");
+    testComputedARIARole("ariaRowgroup", "rowgroup");
+    testComputedARIARole("ariaSearchbox", "searchbox");
+    testComputedARIARole("ariaUnknown", "generic");
+    testComputedARIARole("htmlButton", "button");
+    // There is only a single ARIA role for buttons, but Gecko uses different
+    // roles depending on states.
+    testComputedARIARole("toggleButton", "button");
+    testComputedARIARole("htmlMain", "main");
+    testComputedARIARole("htmlHeader", "banner");
+    // <section> only maps to the region ARIA role if it has a label.
+    testComputedARIARole("htmlSection", "generic");
+    // <header> only maps to the banner role if it is not a child of a
+    // sectioning element.
+    testComputedARIARole("htmlSectionHeader", "generic");
+    testComputedARIARole("htmlRegion", "region");
+    // Gecko doesn't have a rowgroup role. Ensure we differentiate for
+    // computedARIARole.
+    testComputedARIARole("htmlFieldset", "group");
+    testComputedARIARole("htmlTbody", "rowgroup");
+    // <td> inside <table role="grid"> implicitly maps to ARIA gridcell.
+    testComputedARIARole("htmlGridcell", "gridcell");
+    // Test generics.
+    testComputedARIARole("htmlDiv", "generic");
+    testComputedARIARole("htmlSpan", "generic");
+    // Some roles can't be mapped to ARIA role tokens.
+    testComputedARIARole("iframe", "");
+  },
+  { chrome: true, topLevel: true }
+);
diff --git a/accessible/tests/browser/role/head.js b/accessible/tests/browser/role/head.js
new file mode 100644
index 0000000000..afc50984bd
--- /dev/null
+++ b/accessible/tests/browser/role/head.js
@@ -0,0 +1,18 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+// Load the shared-head file first.
+Services.scriptloader.loadSubScript(
+  "chrome://mochitests/content/browser/accessible/tests/browser/shared-head.js",
+  this
+);
+
+// Loading and common.js from accessible/tests/mochitest/ for all tests, as
+// well as promisified-events.js.
+loadScripts(
+  { name: "common.js", dir: MOCHITESTS_DIR },
+  { name: "promisified-events.js", dir: MOCHITESTS_DIR }
+);