[css-logical] Reject unitless length quirk in 'inset' shorthand
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / quirks / unitless-length / excluded-properties-003.html
1 <html> <!-- webkit-test-runner [ internal:CSSLogicalEnabled=true ] -->
2 <head>
3 <meta charset="utf-8">
4 <title>inset does not support quirky-length</title>
5 <link rel="help" href="https://quirks.spec.whatwg.org/#the-unitless-length-quirk">
6 <meta name="assert" content="quirky-length is not supported by inset.">
7 <script src="/resources/testharness.js"></script>
8 <script src="/resources/testharnessreport.js"></script>
9 </head>
10 <body>
11 <div id="target"></div>
12 <script>
13 'use strict';
14
15 test(() => {
16   const quirky_values = [
17     '1',
18     '1 2px',
19     '1px 2',
20     '1 2',
21     '1 2px 3px',
22     '1px 2 3px',
23     '1px 2px 3',
24     '1 2 3',
25     '1 2px 3px 4px',
26     '1px 2 3px 4px',
27     '1px 2px 3 4px',
28     '1px 2px 3px 4',
29     '1 2 3 4'
30   ];
31
32   target.style['inset'] = '5px 6px 7px 8px';
33
34   for (let value of quirky_values) {
35     target.style['inset'] = value;
36     assert_equals(target.style['inset'], '5px 6px 7px 8px', 'inset rejects quirky length "' + value + '"');
37   }
38 }, 'inset does not support quirky length values');
39
40 </script>
41 </body>
42 </html>