testing/web-platform/tests/css/css-sizing/intrinsic-size/parsing/intrinsic-width-computed.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <title>CSS Intrinsic Size Test: intrinsic-width with computed values</title>
   6 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
   7 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override">
   8 <meta name="assert" content="intrinsic-width supports the full grammar 'auto | legacy | <length>'.">
   9 <script src="/resources/testharness.js"></script>
  10 <script src="/resources/testharnessreport.js"></script>
  11 <script src="/css/support/computed-testcommon.js"></script>
  12 </head>
  13 <body>
  14 <div id=target></div>
  15 <div id=scratch></div>
  16 <script>
  17
  18 function length_ref(length) {
  19   document.getElementById("scratch").style.width = length;
  20   return getComputedStyle(document.getElementById("scratch")).getPropertyValue("width");
  21 }
  22
  23 test_computed_value("intrinsic-width", "auto");
  24 test_computed_value("intrinsic-width", "legacy");
  25 test_computed_value("intrinsic-width", "1px");
  26 test_computed_value("intrinsic-width", "2vw", length_ref("2vw"));
  27 </script>
  28 </body>
  29 </html>
  30