<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin"?>
<?xml-stylesheet type="text/css" href="/tests/SimpleTest/test.css"?>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1197913
-->
<window title="Mozilla Bug 1197913"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="SimpleTest.waitForFocus(nextTest, window)">
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"/>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"/>
<!-- test results are displayed in the html:body -->
<body xmlns="http://www.w3.org/1999/xhtml">
<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1197913"
target="_blank">Mozilla Bug 1197913</a>
</body>
<hbox align="center" pack="center">
<menulist>
<menupopup>
<menuitem label="Car" />
<menuitem label="Taxi" id="target" />
<menuitem label="Bus" />
</menupopup>
</menulist>
</hbox>
<!-- test code goes here -->
<script type="application/javascript">
<![CDATA[
SimpleTest.waitForExplicitFinish();
let menulist = document.getElementsByTagName("menulist")[0];
let menuitem = document.getElementById("target");
function onDOMMenuItemActive(e) {
menuitem.removeEventListener("DOMMenuItemActive", onDOMMenuItemActive);
synthesizeMouse(menuitem, 0, 0, { type: "mousemove" });
synthesizeMouse(menuitem, -1, 0, { type: "mousemove" });
setTimeout(() => {
if (navigator.platform.toLowerCase().startsWith("win")) {
ok(menuitem.getAttribute("_moz-menuactive"));
} else {
ok(!menuitem.getAttribute("_moz-menuactive"));
}
SimpleTest.finish();
});
}
function onPopupShown(e) {
menulist.removeEventListener("popupshown", onPopupShown);
menuitem.addEventListener("DOMMenuItemActive", onDOMMenuItemActive);
synthesizeMouse(menuitem, 0, 0, { type: "mousemove" });
synthesizeMouse(menuitem, 1, 0, { type: "mousemove" });
}
function nextTest(e) {
menulist.addEventListener("popupshown", onPopupShown);
synthesizeMouseAtCenter(menulist, {});
}
]]>
</script>
</window>