interactivity-inert-fullscreen-ua.html (2993B)
1 <!DOCTYPE html> 2 <title>CSS Basic User Interface Test: UA style interactivity for :fullscreen</title> 3 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#inertness"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <div id="t1"></div> 9 <div id="t2" inert></div> 10 <div inert> 11 <div id="t3"></div> 12 </div> 13 <div id="f4"> 14 <div id="t4" inert></div> 15 </div> 16 <div id="t5" style="interactivity:inert"></div> 17 <script> 18 promise_test(async (t) => { 19 t.add_cleanup(() => { 20 if (document.fullscreenElement) { 21 return document.exitFullscreen(); 22 } 23 }); 24 assert_equals(getComputedStyle(t1).interactivity, "auto", "before requestFullscreen"); 25 await test_driver.bless("fullscreen", () => t1.requestFullscreen()); 26 assert_equals(getComputedStyle(t1).interactivity, "auto", "after requestFullscreen"); 27 }, "UA :fullscreen interactivity rule"); 28 29 promise_test(async (t) => { 30 t.add_cleanup(() => { 31 if (document.fullscreenElement) { 32 return document.exitFullscreen(); 33 } 34 }); 35 assert_equals(getComputedStyle(t2).interactivity, "inert", "before requestFullscreen"); 36 await test_driver.bless("fullscreen", () => t2.requestFullscreen()); 37 assert_equals(getComputedStyle(t2).interactivity, "inert", "after requestFullscreen"); 38 }, "UA [inert] rule wins over UA :fullscreen rule"); 39 40 promise_test(async (t) => { 41 t.add_cleanup(() => { 42 if (document.fullscreenElement) { 43 return document.exitFullscreen(); 44 } 45 }); 46 assert_equals(getComputedStyle(t3).interactivity, "inert", "before requestFullscreen"); 47 await test_driver.bless("fullscreen", () => t3.requestFullscreen()); 48 assert_equals(getComputedStyle(t3).interactivity, "auto", "after requestFullscreen"); 49 }, "UA :fullscreen rule overriding inherited [inert] 'interactivity:inert' rule"); 50 51 promise_test(async (t) => { 52 t.add_cleanup(() => { 53 if (document.fullscreenElement) { 54 return document.exitFullscreen(); 55 } 56 }); 57 assert_equals(getComputedStyle(t4).interactivity, "inert", "before requestFullscreen"); 58 await test_driver.bless("fullscreen", () => f4.requestFullscreen()); 59 assert_equals(getComputedStyle(t4).interactivity, "inert", "after requestFullscreen"); 60 }, "UA [inert] rule overriding inherited :fullscreen 'interactivity:auto' rule"); 61 62 promise_test(async (t) => { 63 t.add_cleanup(() => { 64 if (document.fullscreenElement) { 65 return document.exitFullscreen(); 66 } 67 }); 68 assert_equals(getComputedStyle(t5).interactivity, "inert", "before requestFullscreen"); 69 await test_driver.bless("fullscreen", () => t5.requestFullscreen()); 70 assert_equals(getComputedStyle(t5).interactivity, "inert", "after requestFullscreen"); 71 }, "Author 'interactivity:inert' overrides UA :fullscreen 'interactivity:auto' rule"); 72 73 </script>