1 files changed, 164 insertions, 0 deletions
diff --git a/accessible/tests/browser/selectable/browser_test_aria_select.js b/accessible/tests/browser/selectable/browser_test_aria_select.js
new file mode 100644
index 0000000000..f52603d1cb
--- /dev/null
+++ b/accessible/tests/browser/selectable/browser_test_aria_select.js
@@ -0,0 +1,164 @@
+/* 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";
+
+/* import-globals-from ../../mochitest/selectable.js */
+
+// ////////////////////////////////////////////////////////////////////////
+// role="tablist" role="listbox" role="grid" role="tree" role="treegrid"
+addAccessibleTask(
+  `<div role="tablist" id="tablist">
+      <div role="tab">tab1</div>
+      <div role="tab">tab2</div>
+    </div>
+    <div role="listbox" id="listbox">
+      <div role="option">item1</div>
+      <div role="option">item2</div>
+    </div>
+    <div role="grid" id="grid">
+    <div role="row">
+      <span role="gridcell">cell</span>
+      <span role="gridcell">cell</span>
+    </div>
+    <div role="row">
+      <span role="gridcell">cell</span>
+      <span role="gridcell">cell</span>
+    </div>
+    </div>
+    <div role="tree" id="tree">
+      <div role="treeitem">
+        item1
+        <div role="group">
+          <div role="treeitem">item1.1</div>
+        </div>
+      </div>
+      <div>item2</div>
+    </div>
+    <div role="treegrid" id="treegrid">
+      <div role="row" aria-level="1">
+        <span role="gridcell">cell</span>
+        <span role="gridcell">cell</span>
+      </div>
+      <div role="row" aria-level="2">
+        <span role="gridcell">cell</span>
+        <span role="gridcell">cell</span>
+      </div>
+      <div role="row" aria-level="1">
+        <span role="gridcell">cell</span>
+        <span role="gridcell">cell</span>
+      </div>
+    </div>`,
+  async function (browser, docAcc) {
+    info(
+      'role="tablist" role="listbox" role="grid" role="tree" role="treegrid"'
+    );
+    testSelectableSelection(findAccessibleChildByID(docAcc, "tablist"), []);
+    testSelectableSelection(findAccessibleChildByID(docAcc, "listbox"), []);
+    testSelectableSelection(findAccessibleChildByID(docAcc, "grid"), []);
+    testSelectableSelection(findAccessibleChildByID(docAcc, "tree"), []);
+    testSelectableSelection(findAccessibleChildByID(docAcc, "treegrid"), []);
+  },
+  {
+    chrome: true,
+    topLevel: true,
+    iframe: true,
+    remoteIframe: true,
+  }
+);
+
+// ////////////////////////////////////////////////////////////////////////
+// role="tablist" aria-multiselectable
+addAccessibleTask(
+  `<div role="tablist" id="tablist" aria-multiselectable="true">
+     <div role="tab" id="tab_multi1">tab1</div>
+     <div role="tab" id="tab_multi2">tab2</div>
+   </div>`,
+  async function (browser, docAcc) {
+    info('role="tablist" aria-multiselectable');
+    let tablist = findAccessibleChildByID(docAcc, "tablist", [
+      nsIAccessibleSelectable,
+    ]);
+
+    await testMultiSelectable(tablist, ["tab_multi1", "tab_multi2"]);
+  },
+  {
+    chrome: true,
+    topLevel: true,
+    iframe: true,
+    remoteIframe: true,
+  }
+);
+
+// ////////////////////////////////////////////////////////////////////////
+// role="listbox" aria-multiselectable
+addAccessibleTask(
+  `<div role="listbox" id="listbox" aria-multiselectable="true">
+     <div role="option" id="listbox2_item1">item1</div>
+     <div role="option" id="listbox2_item2">item2</div>
+   </div>`,
+  async function (browser, docAcc) {
+    info('role="listbox" aria-multiselectable');
+    let listbox = findAccessibleChildByID(docAcc, "listbox", [
+      nsIAccessibleSelectable,
+    ]);
+
+    await testMultiSelectable(listbox, ["listbox2_item1", "listbox2_item2"]);
+  },
+  {
+    chrome: true,
+    topLevel: true,
+    iframe: true,
+    remoteIframe: true,
+  }
+);
+
+// ////////////////////////////////////////////////////////////////////////
+// role="grid" aria-multiselectable, selectable children in subtree
+addAccessibleTask(
+  `<table tabindex="0" border="2" cellspacing="0" id="grid" role="grid"
+      aria-multiselectable="true">
+    <thead>
+      <tr>
+        <th tabindex="-1" role="columnheader" id="grid_colhead1"
+            style="width:6em">Entry #</th>
+        <th tabindex="-1" role="columnheader" id="grid_colhead2"
+            style="width:10em">Date</th>
+        <th tabindex="-1" role="columnheader" id="grid_colhead3"
+            style="width:20em">Expense</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td tabindex="-1" role="rowheader" id="grid_rowhead"
+            aria-readonly="true">1</td>
+        <td tabindex="-1" role="gridcell" id="grid_cell1"
+            aria-selected="false">03/14/05</td>
+        <td tabindex="-1" role="gridcell" id="grid_cell2"
+            aria-selected="false">Conference Fee</td>
+      </tr>
+    </tobdy>
+  </table>`,
+  async function (browser, docAcc) {
+    info('role="grid" aria-multiselectable, selectable children in subtree');
+    let grid = findAccessibleChildByID(docAcc, "grid", [
+      nsIAccessibleSelectable,
+    ]);
+
+    await testMultiSelectable(grid, [
+      "grid_colhead1",
+      "grid_colhead2",
+      "grid_colhead3",
+      "grid_rowhead",
+      "grid_cell1",
+      "grid_cell2",
+    ]);
+  },
+  {
+    chrome: true,
+    topLevel: true,
+    iframe: true,
+    remoteIframe: true,
+  }
+);