Bug 1482933 [wpt PR 12426] - [css-properties-values-api] Test var()-references w.r.t. registered lists., a=testonly

Automatic update from web-platform-tests[css-properties-values-api] Test var()-references w.r.t. registered lists.

R=futhark@chromium.org

Bug: 641877
Change-Id: Ia249aedc2abe7f249c28ab57732edfaf6c552f2e
Reviewed-on: https://chromium-review.googlesource.com/1172295
Reviewed-by: Rune Lillesveen <futhark@chromium.org>
Commit-Queue: Anders Ruud <andruud@chromium.org>
Cr-Commit-Position: refs/heads/master@{#582557}

--

wpt-commits: e3b5790c15e91e23dd679c5a1e94d57bfa56bf12
wpt-pr: 12426

testing/web-platform/meta/MANIFEST.json

@@ -539099,7 +539099,7 @@
    "testharness"
   ],
   "css/css-properties-values-api/var-reference-registered-properties.html": [
-   "77ae29960fba0805478bea53cba455f7e7752cfd",
+   "d8a831571252cdeb3e6c3c6e582a2b74376e905c",
    "testharness"
   ],
   "css/css-pseudo/META.yml": [

testing/web-platform/tests/css/css-properties-values-api/var-reference-registered-properties.html

@@ -22,6 +22,10 @@ div {
     --registered-token-stream-1:var(--invalid);
     --registered-token-stream-2:var(--invalid,fallback);
     --token-stream-1:var(--registered-token-stream-1,moo);
+
+    --registered-length-list-1: 1px, var(--registered-length-1), 2px;
+    --registered-length-list-2: 1px, var(--length-1), var(--registered-length-1), 2px;
+    --registered-length-list-3: var(--registered-length-list-1), var(--registered-length-list-2);
 }
 </style>
 <div id=element></div>
@@ -58,4 +62,39 @@ test(function() {
     assert_equals(computedStyle.getPropertyValue('--registered-token-stream-2'), 'fallback');
     assert_equals(computedStyle.getPropertyValue('--token-stream-1'), 'moo');
 }, "var() references work with registered properties");
+
+test(function(){
+    CSS.registerProperty({
+        name: '--registered-length-list-1',
+        syntax: '<length>#',
+        initialValue: '0px',
+        inherits: false
+    });
+    let computedStyle = getComputedStyle(element);
+    assert_equals(computedStyle.getPropertyValue('--registered-length-list-1'), '1px, 10px, 2px');
+}, 'References to registered var()-properties work in registered lists');
+
+test(function(){
+    CSS.registerProperty({
+        name: '--registered-length-list-2',
+        syntax: '<length>#',
+        initialValue: '0px',
+        inherits: false
+    });
+    let computedStyle = getComputedStyle(element);
+    assert_equals(computedStyle.getPropertyValue('--registered-length-list-2'), '1px, 20px, 10px, 2px');
+}, 'References to mixed registered and unregistered var()-properties work in registered lists');
+
+test(function(){
+    CSS.registerProperty({
+        name: '--registered-length-list-3',
+        syntax: '<length>#',
+        initialValue: '0px',
+        inherits: false
+    });
+    let computedStyle = getComputedStyle(element);
+    assert_equals(computedStyle.getPropertyValue('--registered-length-list-3'), '1px, 10px, 2px, 1px, 20px, 10px, 2px');
+}, 'Registered lists may be concatenated');
+
+
 </script>