LayoutTests/imported/w3c/web-platform-tests/quirks/unitless-length/excluded-properties-002.html

   1 <html>
   2 <head>
   3 <meta charset="utf-8">
   4 <title>Many properties do not support quirky-length</title>
   5 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
   6 <link rel="help" href="https://quirks.spec.whatwg.org/#the-unitless-length-quirk">
   7 <meta name="assert" content="quirky-length is not supported by properties not listed.">
   8 <script src="/resources/testharness.js"></script>
   9 <script src="/resources/testharnessreport.js"></script>
  10 </head>
  11 <body>
  12 <div id="target"></div>
  13 <script>
  14 'use strict';
  15
  16 var properties = [
  17     'background-blend-mode',
  18     'background-size',
  19     'box-shadow',
  20     'clip-path',
  21     'column-span',
  22     'filter',
  23     'mask',
  24     'object-position',
  25     'perspective-origin',
  26     'text-shadow',
  27     'transform-origin'
  28 ];
  29
  30 for (let property of properties) {
  31   test(() => {
  32     if (!getComputedStyle(target)[property]) {
  33       assert_unreached('Property ' + property + ' not supported');
  34     }
  35     target.style[property] = '1234';
  36     assert_not_equals(target.style[property], '1234');
  37     assert_not_equals(target.style[property], '1234px');
  38   }, 'Property ' + property + ' does not support quirky length');
  39 }
  40 </script>
  41 </body>
  42 </html>