[css-logical] Reject unitless length quirk in 'inset' shorthand
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / quirks / unitless-length / excluded-properties-001.html
1 <html> <!-- webkit-test-runner [ internal:CSSLogicalEnabled=true ] -->
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-position-x',
18     'background-position-y',
19     'block-size',
20     'border-bottom-left-radius',
21     'border-bottom-right-radius',
22     'border-top-left-radius',
23     'border-top-right-radius',
24     'column-gap',
25     'column-rule-width',
26     'column-width',
27     'flex-basis',
28     'grid-auto-columns',
29     'grid-auto-rows',
30     'grid-template-columns',
31     'grid-template-rows',
32     'inline-size',
33     'inset',
34     'inset-block',
35     'inset-block-end',
36     'inset-block-start',
37     'inset-inline',
38     'inset-inline-end',
39     'inset-inline-start',
40     'margin-block-end',
41     'margin-block-start',
42     'margin-inline-end',
43     'margin-inline-start',
44     'min-block-size',
45     'min-inline-size',
46     'offset-distance',
47     'outline-offset',
48     'outline-width',
49     'padding-block-end',
50     'padding-block-start',
51     'padding-inline-end',
52     'padding-inline-start',
53     'perspective',
54     'row-gap',
55     'scroll-margin-block-end',
56     'scroll-margin-block-start',
57     'scroll-margin-bottom',
58     'scroll-margin-inline-end',
59     'scroll-margin-inline-start',
60     'scroll-margin-left',
61     'scroll-margin-right',
62     'scroll-margin-top',
63     'scroll-padding-block-end',
64     'scroll-padding-block-start',
65     'scroll-padding-bottom',
66     'scroll-padding-inline-end',
67     'scroll-padding-inline-start',
68     'scroll-padding-left',
69     'scroll-padding-right',
70     'scroll-padding-top',
71     'shape-margin'
72 ];
73
74 for (let property of properties) {
75   test(() => {
76     if (!getComputedStyle(target)[property])
77       return;
78     target.style[property] = '567px';
79     target.style[property] = '1234';
80     assert_equals(target.style[property], '567px');
81   }, 'Property ' + property + ' does not support quirky length');
82 }
83 </script>
84 </body>
85 </html>