content-visibility-026.html (1301B)
1 <!doctype HTML> 2 <html> 3 <meta charset="utf8"> 4 <title>Content Visibility: Computed Values</title> 5 <link rel="author" title="Rakina Zata Amni" href="mailto:rakina@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 <meta name="assert" content="content-visibility:hidden does not affect computed value of 'contain'"> 8 <meta name="assert" content="content-visibility:auto does not affect computed value of 'contain'"> 9 10 <div id="container"></div> 11 12 <script src="/resources/testharness.js"></script> 13 <script src="/resources/testharnessreport.js"></script> 14 15 <script> 16 17 test(() => { 18 assert_equals(getComputedStyle(container).contain, "none"); 19 container.style = "content-visibility:hidden"; 20 assert_equals(getComputedStyle(container).contentVisibility, "hidden"); 21 assert_equals(getComputedStyle(container).contain, "none"); 22 }, "content-visibility:hidden does not affect computed value of 'contain'"); 23 24 test(() => { 25 assert_equals(getComputedStyle(container).contain, "none"); 26 container.style = "content-visibility:auto;contain:layout;"; 27 assert_equals(getComputedStyle(container).contentVisibility, "auto"); 28 assert_equals(getComputedStyle(container).contain, "layout"); 29 }, "content-visibility:auto does not affect computed value of 'contain'"); 30 31 </script>