blob: 20e8974a10d16a7b0db724704fedaf87459de0e6 [file] [log] [blame]
<script src="../../../../resources/js-test-pre.js"></script>
<script src="../../resources/media-controls-utils.js" type="text/javascript"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<video src="../../../content/test.mp4" style="width: 320px; position: absolute; left: 0; top: 0;" type="video/mp4" playsinline muted controls></video>
<script type="text/javascript">
window.jsTestIsAsync = true;
description("Testing that a click event is correctly dispatched when tapping over a &lt;video> element with default controls disabled after being originally enabled.");
const media = document.querySelector("video");
media.addEventListener("click", event => {
debug("Obtained click event.");
debug("");
finishJSTest();
});
media.addEventListener("loadedmetadata", event => {
debug("Media loaded, disabling controls.");
media.controls = false;
debug("Tapping on media.");
pressOnElement(media);
});
</script>
<script src="../../../../resources/js-test-post.js"></script>
</body>