summaryrefslogtreecommitdiffstats
path: root/layout/base/tests/test_bug1550869_video.html
blob: 8b26533597e9c8ea5feaca5b4772990faa738711 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE HTML>
<html>
  <title>Bug 1516963: Test AccessibleCaret doesn't show when clicking on an empty video container.</title>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
  <style>
  #container {
    border: 1px solid blue;
    width: 100px;
    height: 100px;
    background-color: yellow;
  }
  </style>
  <script>
  SimpleTest.waitForExplicitFinish();

  document.addEventListener("selectionchange", () => {
    ok(window.getSelection().isCollapsed, "The selection should be collapsed!");
  });

  function click() {
    ok(window.getSelection().isCollapsed, "The selection should start collapsed!");
    let container = document.getElementById("container");
    synthesizeMouseAtCenter(container, {});
    setTimeout(() => {
      ok(window.getSelection().isCollapsed, "The selection should remain collapsed!");
      SimpleTest.finish();
    });
  }
  </script>
  <body onload="SimpleTest.waitForFocus(click);">
    <video id="container"></video>
  </body>
</html>