third_party/WebKit/LayoutTests/fullscreen/api/element-request-fullscreen-top.html

   1 <!DOCTYPE html>
   2 <title>Element.requestFullscreen() for top element in fullscreen element stack</title>
   3 <script src="../../resources/testharness.js"></script>
   4 <script src="../../resources/testharnessreport.js"></script>
   5 <script src="../trusted-event.js"></script>
   6 <div id="log"></div>
   7 <div id="top"></div>
   8 <script>
   9 async_test(function(t)
  10 {
  11     var top = document.getElementById("top");
  12     trusted_request(top);
  13     document.onfullscreenchange = t.step_func(function()
  14     {
  15         assert_equals(document.fullscreenElement, top);
  16         document.onfullscreenchange = t.unreached_func("fullscreenchange event");
  17         trusted_event(t.step_func(function()
  18         {
  19             top.requestFullscreen();
  20             // A fullscreenerror event would be fired after an async section
  21             // and an animation frame task, so wait until after that.
  22             setTimeout(requestAnimationFrame.bind(null, t.step_func_done()), 0);
  23         }), top);
  24     });
  25     document.onfullscreenerror = t.unreached_func("fullscreenerror event");
  26 });
  27 </script>