1 files changed, 69 insertions, 0 deletions
diff --git a/accessible/tests/browser/mac/browser_details_summary.js b/accessible/tests/browser/mac/browser_details_summary.js
new file mode 100644
index 0000000000..6157707f79
--- /dev/null
+++ b/accessible/tests/browser/mac/browser_details_summary.js
@@ -0,0 +1,69 @@
+/* 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/role.js */
+/* import-globals-from ../../mochitest/states.js */
+loadScripts(
+  { name: "role.js", dir: MOCHITESTS_DIR },
+  { name: "states.js", dir: MOCHITESTS_DIR }
+);
+
+/**
+ * Test details/summary
+ */
+addAccessibleTask(
+  `<details id="details"><summary id="summary">Foo</summary><p>Bar</p></details>`,
+  async (browser, accDoc) => {
+    let details = getNativeInterface(accDoc, "details");
+    is(
+      details.getAttributeValue("AXRole"),
+      "AXGroup",
+      "Correct role for details"
+    );
+    is(
+      details.getAttributeValue("AXSubrole"),
+      "AXDetails",
+      "Correct subrole for details"
+    );
+
+    let detailsChildren = details.getAttributeValue("AXChildren");
+    is(detailsChildren.length, 1, "collapsed details has only one child");
+
+    let summary = detailsChildren[0];
+    is(
+      summary.getAttributeValue("AXRole"),
+      "AXButton",
+      "Correct role for summary"
+    );
+    is(
+      summary.getAttributeValue("AXSubrole"),
+      "AXSummary",
+      "Correct subrole for summary"
+    );
+    is(summary.getAttributeValue("AXExpanded"), 0, "Summary is collapsed");
+
+    let actions = summary.actionNames;
+    ok(actions.includes("AXPress"), "Summary Has press action");
+
+    let stateChanged = waitForStateChange("summary", STATE_EXPANDED, true);
+    summary.performAction("AXPress");
+    // The reorder gecko event notifies us of a tree change.
+    await stateChanged;
+    is(summary.getAttributeValue("AXExpanded"), 1, "Summary is expanded");
+
+    detailsChildren = details.getAttributeValue("AXChildren");
+    is(detailsChildren.length, 2, "collapsed details has only one child");
+
+    stateChanged = waitForStateChange("summary", STATE_EXPANDED, false);
+    summary.performAction("AXPress");
+    // The reorder gecko event notifies us of a tree change.
+    await stateChanged;
+    is(summary.getAttributeValue("AXExpanded"), 0, "Summary is collapsed 2");
+
+    detailsChildren = details.getAttributeValue("AXChildren");
+    is(detailsChildren.length, 1, "collapsed details has only one child");
+  }
+);