summaryrefslogtreecommitdiffstats
path: root/dom/base/test/fullscreen/file_fullscreen-svg-element.html
blob: d03a13ee84692b0e62d195898aefb253670ad895 (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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE HTML>
<html>
  <!--
  https://bugzilla.mozilla.org/show_bug.cgi?id=735031
  Bug 735031 - Fullscreen API implementation assumes an HTML Element
  -->
  <head>
    <title>Bug 735031</title>
    <script src="/tests/SimpleTest/SimpleTest.js">
    </script>
    <script src="/tests/SimpleTest/EventUtils.js">
    </script>
    <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
  </head>
  <body>
    <a target="_blank"
       href="https://bugzilla.mozilla.org/show_bug.cgi?id=73503">
      Mozilla Bug 735031</a>

    <svg id="svg-elem" width="100" height="100" viewbox="0 0 100 100">
        <rect x="10" y="10" width="50" height="50"
        fill="black" stroke="blue" stroke-width="2"/>
    </svg>

    <pre id="test">
      <script type="application/javascript">
        /*
         * Test for Bug 735031
         * Test locking non-html element.
         */
        function begin() {
          var elem = document.getElementById("svg-elem")
            , elemWasLocked = false;

          document.addEventListener("fullscreenchange", function () {
            if (document.fullscreenElement === elem) {
              elemWasLocked = true;
              document.exitFullscreen();
            } else {
              opener.ok(elemWasLocked, "Expected SVG elem to become locked.");
              opener.nextTest();
            }
          });
          elem.requestFullscreen();
        }
      </script>
    </pre>
  </body>
</html>