third_party/WebKit/LayoutTests/fullscreen/full-screen-table-section.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script src="../resources/js-test.js"></script>
   5     </head>
   6     <body>
   7         <p>
   8             Tests that a table-section element can be used in full screen mode.
   9         </p>
  10         <div id="test" style="display: table-footer-group">Test Element</div>
  11         <p>
  12             Hit Enter to run if not in test runner.
  13         </p>
  14         <script>
  15             if (window.testRunner) {
  16                 testRunner.dumpAsText();
  17                 testRunner.waitUntilDone();
  18             }
  19
  20             var testElement = document.getElementById('test');
  21
  22             document.addEventListener('webkitfullscreenchange', function(e) {
  23                 if (document.webkitFullscreenElement) {
  24                     shouldBe("document.webkitFullscreenElement.id", "'test'");
  25                     document.webkitCancelFullScreen();
  26                     if (window.testRunner)
  27                         testRunner.notifyDone();
  28                 }
  29             }, false /* useCapture */);
  30
  31             document.addEventListener("keydown", function(e) {
  32                 if (e.keyCode == 13 /* Enter */)
  33                     testElement.webkitRequestFullscreen();
  34             }, false /* useCapture */);
  35
  36             if (window.eventSender)
  37                 eventSender.keyDown("\n");
  38         </script>
  39     </body>
  40 </html>