1 files changed, 76 insertions, 0 deletions
diff --git a/accessible/tests/browser/states/browser_test_select_visibility.js b/accessible/tests/browser/states/browser_test_select_visibility.js
new file mode 100644
index 0000000000..89b4df67f7
--- /dev/null
+++ b/accessible/tests/browser/states/browser_test_select_visibility.js
@@ -0,0 +1,76 @@
+/* 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";
+
+// test selects and options
+addAccessibleTask(
+  `<select id="select">
+    <option id="o1">hello</option>
+    <option id="o2">world</option>
+  </select>`,
+  async function (browser, accDoc) {
+    const select = findAccessibleChildByID(accDoc, "select");
+    ok(
+      isAccessible(select.firstChild, [nsIAccessibleSelectable]),
+      "No selectable accessible for combobox"
+    );
+    await untilCacheOk(
+      () => testVisibility(select, false, false),
+      "select should be on screen and visible"
+    );
+
+    if (!browser.isRemoteBrowser) {
+      await untilCacheOk(
+        () => testVisibility(select.firstChild, false, true),
+        "combobox list should be on screen and invisible"
+      );
+    } else {
+      // XXX: When the cache is used, states::INVISIBLE is
+      // incorrect. Test OFFSCREEN anyway.
+      await untilCacheOk(() => {
+        const [states] = getStates(select.firstChild);
+        return (states & STATE_OFFSCREEN) == 0;
+      }, "combobox list should be on screen");
+    }
+
+    const o1 = findAccessibleChildByID(accDoc, "o1");
+    const o2 = findAccessibleChildByID(accDoc, "o2");
+
+    await untilCacheOk(
+      () => testVisibility(o1, false, false),
+      "option one should be on screen and visible"
+    );
+    await untilCacheOk(
+      () => testVisibility(o2, true, false),
+      "option two should be off screen and visible"
+    );
+
+    // Select the second option (drop-down collapsed).
+    const p = waitForEvents({
+      expected: [
+        [EVENT_SELECTION, "o2"],
+        [EVENT_TEXT_VALUE_CHANGE, "select"],
+      ],
+      unexpected: [
+        stateChangeEventArgs("o2", EXT_STATE_ACTIVE, true, true),
+        stateChangeEventArgs("o1", EXT_STATE_ACTIVE, false, true),
+      ],
+    });
+    await invokeContentTask(browser, [], () => {
+      content.document.getElementById("select").selectedIndex = 1;
+    });
+    await p;
+
+    await untilCacheOk(() => {
+      const [states] = getStates(o1);
+      return (states & STATE_OFFSCREEN) != 0;
+    }, "option 1 should be off screen");
+    await untilCacheOk(() => {
+      const [states] = getStates(o2);
+      return (states & STATE_OFFSCREEN) == 0;
+    }, "option 2 should be on screen");
+  },
+  { chrome: true, iframe: true, remoteIframe: true }
+);