excluded-properties-002.html (1242B)
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 assert_not_equals(target.style[property], '1234px auto'); 39 }, 'Property ' + property + ' does not support quirky length'); 40 } 41 </script> 42 </body> 43 </html>