fullscreen-css-transition.html (905B)
1 <!DOCTYPE html> 2 <title>Transitions should not be stopped by going fullscreen</title> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/resources/testdriver.js"></script> 6 <script src="/resources/testdriver-vendor.js"></script> 7 <style> 8 #trans { 9 transition: color steps(1, end) 100s; 10 color: green; 11 } 12 </style> 13 <div id="trans">Should be green</div> 14 <script> 15 async_test(t => { 16 document.onfullscreenchange = t.step_func_done(() => { 17 assert_equals(document.fullscreenElement, trans); 18 assert_equals(getComputedStyle(trans).color, "rgb(0, 128, 0)", "Transition is in progress - still green"); 19 }); 20 trans.addEventListener('click', t.step_func(() => { 21 trans.style.color = "red"; 22 trans.offsetTop; 23 trans.requestFullscreen(); 24 }), {once: true}); 25 test_driver.click(trans); 26 }); 27 </script>