Bug 1436416 [wpt PR 9422] - [css-typed-om] update CSSUnparsedValue.idl, a=testonly
authorHwanseung Lee <hs1217.lee@samsung.com>
Tue, 06 Mar 2018 17:15:54 +0000
changeset 462346 6296417d90a9214d0b3fe637d4c97eb8be743563
parent 462345 94ce243faf6258d7f27da7f0beb5d3e8f8065942
child 462347 3b92a34323d99ca61764ecfd2cee2e252e930b9e
push id1683
push usersfraser@mozilla.com
push dateThu, 26 Apr 2018 16:43:40 +0000
treeherdermozilla-release@5af6cb21869d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1436416, 807525, 904582, 534906
milestone60.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1436416 [wpt PR 9422] - [css-typed-om] update CSSUnparsedValue.idl, a=testonly Automatic update from web-platform-tests 1. replace "DOMString or CSSVariableReferenceValue" with CSSUnparsedSegment using typedf keyword. 2. using sequence<> keyword instead of "..." in constructor https://github.com/w3c/css-houdini-drafts/pull/619 Bug: 807525 Change-Id: I99c11c26dd2235e46e259e63991d0192a025bcb4 Reviewed-on: https://chromium-review.googlesource.com/904582 Reviewed-by: Darren Shen <shend@chromium.org> Commit-Queue: Hwanseung Lee <hs1217.lee@samsung.com> Cr-Commit-Position: refs/heads/master@{#534906} <!-- Reviewable:start --> <!-- Reviewable:end --> wpt-commits: 384cb6dc5a362f1a623735f8f96fa5e700f0fa17 wpt-pr: 9422 reapplied-commits: 370e267e160568862f1fd9ec246ab5bb840f586e, fe4514c84e7ad28e46bad5da93381deb99b177f3, 7806af854343c043a2645a4034fdc7812f65daad, 9ddfd21554293dec5a4bf2e5375ae4f3c9f2ded0, 75f63c4d1ebc949647184fd60972fc7b9fd4affb, 1f3a5b496acd2288cc8cf0c32af86cb35157ea4e, 88b42bd5847abac58a62c4d6b33c1509bfce5f3d, 15c2e4c690700c6c115f8afe5e44ded10d943538, c8d461ef1437641ae7d4ea1d21e1e60cd62910b0, a6088a5f48ee299386a84d2f771902267d7355b1, 0634cd8f08ebe0905a9188fb1398c7b5f889c5dc, c8ee4a012dae506ae06bb5b2ad50942b04c1aaaa, c2c352456a4cf62dcc12f851138b04397675a445, b93a8879555d2fa7e7d4e00a275513a3a6338b35, b86e1331cb36634fd33677043b61fc0c1d8485bc, 44ddf14fd3346658c3223f13652073fafbfa48fa, a1a5840a6bb53e305ba02bcbeb215659342d0edb, 7465cb110ae5ec2e2ca73182caf5293f0efc8fd5, aad5349b3458bc3414e274b33fa86a1123901ff2, eca0907980d2769c449894a6277c60c1a306792f, 38626987c0cfd6e715cfcc6f4f1a1209191a03c5, e4a67f7ddcde6cd99348e9104bd7ed07074da44a, bb3c9990840a0fae2afc840b5952d7874785b112, 042d7adef0bdb9dc80e825c3997ace7519477c42, 99f1ea44fc7915b8b7b33bce4732fa8765fd3ac2, b81999f30c1516a70c153de51a0331d14c8faead MozReview-Commit-ID: 8l8IaKlm4ze
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html
testing/web-platform/tests/css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html
testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html
testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/get.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/get.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/set.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/update.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/get.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/set.tentative.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/update.tentative.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -514969,17 +514969,17 @@
    "65c2418988148bf9662f5f502bb4650cc6105a85",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-normalization/normalize-resource.tentative.html": [
    "a52fdeadf8f0663e5e8f455e60a233da816e05ca",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html": [
-   "4bc704fca50d3a114fe0fde76b6030516662d43a",
+   "f7c3ad3efe7406845cc58dbf20a022bbaecc011d",
    "visual"
   ],
   "css/css-typed-om/stylevalue-normalization/positionvalue-normalization.tentative.html": [
    "9334ee684f4a2897f6a191d9217e63af5630cc0d",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-normalization/transformvalue-normalization.tentative.html": [
    "a4c39f9ea72acba74027e6ffb26e221606dcd9ac",
@@ -515021,17 +515021,17 @@
    "5bb6823ff35152e1a55f573d568e29b7edfcf2d7",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-serialization/cssUnitValue.tentative.html": [
    "e1c27e0baa33d990c83ee3d562a3eeae3106b833",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html": [
-   "7ba0e1c9db3799bad925036de1da7c51fd102610",
+   "d2881899fa46277dc15828dca1354d7adfe422c0",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-serialization/cssUrlImageValue.tentative.html": [
    "7b7fa7d06c5dcf614864bab0adef083359278ab6",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssKeywordValue-invalid.html": [
    "63600cc74e62ecbaf98bf786de17362764ec947e",
@@ -515077,17 +515077,17 @@
    "c1ee0153bd654f64b64f74bf00b6b0709c7cb9ed",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssTranslate.tentative.html": [
    "700fae462f258404f3d0b8fad290613fc1929e1d",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html": [
-   "cf1e8d553a9ebc111a1a81de48a821f7f7ad0bf1",
+   "16725f5047477a1a8837e464935af3da0a01deb2",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssUrlImageValue-interface.html": [
    "5565653081f6615d8d88323b98ed670a653bef9b",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssUrlImageValue-invalid.html": [
    "2d776d5a92feebe4803434878c3f76973313063b",
@@ -515097,17 +515097,17 @@
    "286ec3f30141247b58facd09a17879d29109950c",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue-invalid.html": [
    "ba012ace40e63718694a8cd91ba74039787ff666",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html": [
-   "69014384152e249f0f0ac15aec00ad41b82dbbf4",
+   "ee4e9932846d84d1692b2456a3ec0df5348f0ab3",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/numeric-objects/add-two-types.tentative.html": [
    "46432efb6b1ed44b87e27b66332ef78d68748c89",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/numeric-objects/arithmetic.tentative.html": [
    "1490c7159f3daf01195daf92d869e2f8fa2ca70a",
@@ -515157,89 +515157,89 @@
    "9216fee77d3666464ed55992fc7df739d85d5667",
    "testharness"
   ],
   "css/css-typed-om/stylevalue-subclasses/numeric-objects/toSum.tentative.html": [
    "6240dbd450965b33ed5da87f554acc54a32b6ad4",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html": [
-   "f217ed58d7f56ea588aa942fddfec0322d557283",
+   "460bdf5cc3e35360eb8d910274cef440837f0eaf",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/get-invalid.html": [
    "429ff102428a84ca0a1903de1752a56c3ff5bd29",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/get.html": [
-   "39d85ac0274ffcbc060654df3e53ae0984dce9d3",
+   "3280beb7f3d0f3a1d1c50a2b36ac34158b809147",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html": [
-   "4393dba1aea1936ac0ff0f08ef6b5810eaaa8b6b",
+   "2c9c39367ccf02f014b8bf62057f810a70ff58bf",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/getProperties.tentative.html": [
    "9e0018aed64fbca86d25f5ec466f88212ebd4906",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/has.tentative.html": [
    "b7b16ab44745e235883303b8c495aa1ceb874d0c",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html": [
-   "71dc6c117d3b0e17ddcee46c9db11953197edb75",
+   "d157e58980ae6b303374af2d69b3971af610de0f",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/append.tentative.html": [
    "6a408857cd88d03a4a00ee2127a3825380d2565f",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html": [
-   "a879640d94c42f82bf81f80942f1ed7d181ee642",
+   "7a6bbc1b04f6d1ee82332ddbf58a27604645a86b",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/delete-invalid.html": [
    "fe2d4e5f02b1c931e479253d523f7ec2f59c67a7",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/delete.html": [
    "5e2a8ca9f0246aaba3e7d7d038cad125194c5f14",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/get-invalid.html": [
    "649ab2a64f0b0959e06bdc7968fc28247841bb25",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/get.html": [
-   "45032bb362cf1c6faed623e0538779db6a6dea3a",
+   "9ef39a7e4c8c51a528a0d39604afc1476248fb0d",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html": [
-   "ba694cbe689837f183601aab4872c4525613ebd4",
+   "df90a13e37ebcdbcf046e66f7e90ad2fc7edd9df",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/getProperties.tentative.html": [
    "7cb65bf76de24fe33a48178f5193bc05c5ec3f44",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/has.tentative.html": [
    "3299b5537f2d535988f2f6dac65b3eaba63833b2",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html": [
-   "3652cf0e25de23c04beadbaf2e4ddfffb244333d",
+   "299e7d1dd78df981bd0e53aacfbdd23bf56d4311",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/set.tentative.html": [
-   "2e8b919993a68f96008f17a0e95c08d05434e6a6",
+   "23c875b8bb41344e9c4ffc0753f8f8fb36171d8b",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/declared/update.tentative.html": [
-   "02eff9d89e280182fd065b63d71167041c6a8394",
+   "797aeb1b92addefc6bb5e76c6939a9a2d3a4de97",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/append.tentative.html": [
    "df640de5b24c8276459a1a7fbc8a02cc97db6223",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/delete-invalid.html": [
    "df4903a2c18099bb5291a307f50778ee757824ed",
@@ -515249,41 +515249,41 @@
    "922297b80497c164d4217559658a9043a99ebbf8",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/get-invalid.html": [
    "1494cfe202fb93881fc60a3ed2a372a7a8b25b37",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/get.html": [
-   "ffed62a6ddbeb7bfe7cb71e76f4d4c5d7e9039e7",
+   "8958e75fed15d057cb70c34583c1be13e32bde7b",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html": [
-   "a149643634642b6277c4ada8da9b712f40ccf9b5",
+   "2a8c50a83cbfd1c3da5614daac7070df0f5c83ff",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/getProperties.tentative.html": [
    "5187e1eb4fb23b6b9a7fba8130d2649c4ea9152e",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/has.tentative.html": [
    "89b6d05db8717f1bc1f82690706d849a57104ec7",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html": [
-   "e8317c96cea894eaa47d361ba5adbb15d237726e",
+   "5fc93754e7119ee023897095a8d2499b8ae58267",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/set.tentative.html": [
-   "00d06230cd8f21d522ab895c853201f9910d0d90",
+   "68095148a2ede91974f5df04d29a64bcad3ab2f6",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/inline/update.tentative.html": [
-   "30ee6179d77f18692867217c18852db94b1d10bb",
+   "197b30d860a97f20a8c25a5357f5b2e096c7b2fd",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/display.html": [
    "344c75e256cf3284d6582c2cd3c9f726d6d7f443",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/margin-top.html": [
    "3a6cb963dd8ff07522ade6839f8de5493fd49414",
--- a/testing/web-platform/tests/css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/stylevalue-normalization/normalize-tokens.tentative.html
@@ -24,40 +24,40 @@ const gTestCases = [
     value: 'var(--A)',
     expectedResult: [
       new CSSVariableReferenceValue('--A'),
     ]
   },
   {
     value: 'var(--A, 1em)',
     expectedResult: [
-      new CSSVariableReferenceValue('--A', new CSSUnparsedValue(' 1em')),
+      new CSSVariableReferenceValue('--A', new CSSUnparsedValue([' 1em'])),
     ]
   },
   {
     value: 'var(--A, var(--B))',
     expectedResult: [
-      new CSSVariableReferenceValue('--A', new CSSUnparsedValue(' ', new CSSVariableReferenceValue('--B'))),
+      new CSSVariableReferenceValue('--A', new CSSUnparsedValue([' ', new CSSVariableReferenceValue('--B')])),
     ]
   },
   {
     value: 'calc(42px + var(--foo, 15em) + var(--bar, var(--far) + 15px))',
     expectedResult: [
       'calc(42px + ',
-      new CSSVariableReferenceValue('--foo', new CSSUnparsedValue(' 15em')),
+      new CSSVariableReferenceValue('--foo', new CSSUnparsedValue([' 15em'])),
       ' + ',
-      new CSSVariableReferenceValue('--bar', new CSSUnparsedValue(' ', new CSSVariableReferenceValue('--far'), ' + 15px')),
+      new CSSVariableReferenceValue('--bar', new CSSUnparsedValue([' ', new CSSVariableReferenceValue('--far'), ' + 15px'])),
       ')',
     ]
   },
 ];
 
 for (const {value, expectedResult} of gTestCases) {
   test(t => {
-    assert_string_normalizes_to(t, 'color', value, new CSSUnparsedValue(...expectedResult));
+    assert_string_normalizes_to(t, 'color', value, new CSSUnparsedValue(expectedResult));
   }, 'Normalizing "' + value + '" on a CSS property returns correct CSSUnparsedValue');
 
   test(t => {
-    assert_string_normalizes_to(t, '--X', value, new CSSUnparsedValue(...expectedResult));
+    assert_string_normalizes_to(t, '--X', value, new CSSUnparsedValue(expectedResult));
   }, 'Normalizing "' + value + '" on a custom property returns correct CSSUnparsedValue');
 }
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html
+++ b/testing/web-platform/tests/css/css-typed-om/stylevalue-serialization/cssUnparsedValue.html
@@ -6,32 +6,32 @@
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <body>
 <div id="tag">
 <script>
 'use strict';
 
 test(() => {
-  assert_equals(new CSSUnparsedValue('lem', 'on', 'ade').toString(), 'lemonade');
+  assert_equals(new CSSUnparsedValue(['lem', 'on', 'ade']).toString(), 'lemonade');
 }, 'CSSUnparsedValue containing strings serializes to its concatenated contents');
 
 test(() => {
-  assert_equals(new CSSUnparsedValue(
+  assert_equals(new CSSUnparsedValue([
       new CSSVariableReferenceValue('--A',
-        new CSSUnparsedValue(new CSSVariableReferenceValue('--B'))),
-      new CSSVariableReferenceValue('--C')).toString(),
+        new CSSUnparsedValue([new CSSVariableReferenceValue('--B')])),
+      new CSSVariableReferenceValue('--C')]).toString(),
     'var(--A,var(--B))var(--C)');
 }, 'CSSUnparsedValue containing variable references serializes its ' +
    'concatenated contents');
 
 test(() => {
-  assert_equals(new CSSUnparsedValue('foo', 'bar ',
+  assert_equals(new CSSUnparsedValue(['foo', 'bar ',
       new CSSVariableReferenceValue('--A',
-        new CSSUnparsedValue('baz ',
-          new CSSVariableReferenceValue('--B'), 'lemon')),
+        new CSSUnparsedValue(['baz ',
+          new CSSVariableReferenceValue('--B'), 'lemon'])),
       new CSSVariableReferenceValue('--C',
-        new CSSUnparsedValue('ade'))).toString(),
+        new CSSUnparsedValue(['ade']))]).toString(),
     'foobar var(--A,baz var(--B)lemon)var(--C,ade)');
 }, 'CSSUnparsedValue containing mix of strings and variable references ' +
    'serializes to its concatenated contents');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html
+++ b/testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssUnparsedValue.html
@@ -32,17 +32,17 @@ const gTestArguments = [
       'baz',
       new CSSVariableReferenceValue('--B')
     ],
   },
 ];
 
 for (const {args, description} of gTestArguments) {
   test(() => {
-    const result = new CSSUnparsedValue(...args);
+    const result = new CSSUnparsedValue(args);
 
     assert_not_equals(result, null,
         'A CSSUnparsedValue should be created');
     assert_array_equals(result, args,
         'Content of CSSUnparsedValue should be same as the arguments ' +
         'passed in the constructor');
   }, 'CSSUnparsedValue can be constructed from ' + description);
 }
--- a/testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html
+++ b/testing/web-platform/tests/css/css-typed-om/stylevalue-subclasses/cssVariableReferenceValue.html
@@ -17,25 +17,25 @@ test(() => {
   assert_equals(result.variable, '--foo',
       'Variable member should be same as passed in the constructor');
   assert_equals(result.fallback, null,
       'Fallback member should be null');
 }, 'CSSVariableReferenceValue can be constructed with no fallback');
 
 test(() => {
   const result = new CSSVariableReferenceValue('--foo',
-      new CSSUnparsedValue('lemon'));
+      new CSSUnparsedValue(['lemon']));
 
   assert_not_equals(result, null,
       'A CSSVariableReferenceValue should be created');
   assert_equals(result.variable, '--foo',
       'Variable member should be same as passed in the constructor');
   assert_not_equals(result.fallback, null,
       'Fallback member should not be null');
-  assert_style_value_equals(result.fallback, new CSSUnparsedValue('lemon'),
+  assert_style_value_equals(result.fallback, new CSSUnparsedValue(['lemon']),
       'Fallback member should be as same as passed in the constructor');
 }, 'CSSVariableReferenceValue can be constructed with fallback');
 
 test(() => {
   let result = new CSSVariableReferenceValue('--foo');
   result.variable = '--bar';
 
   assert_equals(result.variable, '--bar',
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/computed.tentative.html
@@ -33,27 +33,27 @@ test(() => {
 
 test(() => {
   const result = styleMap.get('height');
   assert_style_value_equals(result, CSS.px(10));
 }, 'Computed StylePropertyMap contains CSS property declarations in style rules');
 
 test(() => {
   const result = styleMap.get('--foo');
-  assert_style_value_equals(result, new CSSUnparsedValue(' auto'));
+  assert_style_value_equals(result, new CSSUnparsedValue([' auto']));
 }, 'Computed StylePropertyMap contains custom property declarations in style rules');
 
 test(() => {
   const result = styleMap.get('top');
   assert_style_value_equals(result, CSS.px(5));
 }, 'Computed StylePropertyMap contains CSS property declarations in inline styles');
 
 test(() => {
   const result = styleMap.get('--bar');
-  assert_style_value_equals(result, new CSSUnparsedValue(' 5'));
+  assert_style_value_equals(result, new CSSUnparsedValue([' 5']));
 }, 'Computed StylePropertyMap contains custom property declarations in inline rules');
 
 test(() => {
   const computedStyle = getComputedStyle(target);
   assert_equals(computedStyle.width, '25px');
 
   const result = styleMap.get('width');
   assert_style_value_equals(result, CSS.percent(50));
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/get.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/get.html
@@ -19,17 +19,17 @@ test(t => {
 test(t => {
   const styleMap = createComputedStyleMap(t, 'width: 10px; height: 20px');
   assert_style_value_equals(styleMap.get('width'), new CSSUnitValue(10, 'px'));
 }, 'Getting a valid property from computed style returns the correct entry');
 
 test(t => {
   const styleMap = createComputedStyleMap(t, '--foo: auto; --bar: 10px');
   assert_style_value_equals(styleMap.get('--foo'),
-      new CSSUnparsedValue(' auto'));
+      new CSSUnparsedValue([' auto']));
 }, 'Getting a valid custom property from computed style returns the ' +
    'correct entry');
 
 test(t => {
   const styleMap = createComputedStyleMap(t,
       'width: 10px; transition-duration: 1s, 2s; height: 10px;');
   assert_style_value_equals(styleMap.get('transition-duration'),
       new CSSUnitValue(1, 's'));
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/getAll.tentative.html
@@ -26,17 +26,17 @@ test(t => {
 
 test(t => {
   const styleMap = createComputedStyleMap(t, 'height: 20px; width: 10px');
   assert_style_value_array_equals(styleMap.getAll('wIdTh'), [CSS.px(10)]);
 }, 'StylePropertyMap.getAll is case-insensitive');
 
 test(t => {
   const styleMap = createComputedStyleMap(t, '--foo: auto; --bar: 10px');
-  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
+  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
 }, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
 
 test(t => {
   const styleMap = createComputedStyleMap(t, 'width: 10px; transition-duration: 1s, 2s; height: 20px');
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'Calling StylePropertyMap.getAll with a list-valued property returns all the values');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/computed/iterable.tentative.html
@@ -29,14 +29,14 @@ test(t => {
 
 test(t => {
   const styleMap = createComputedStyleMap(t, 'width: 10px; transition-duration: 1s, 2s; height: 20px');
   assert_style_value_array_equals(findInStyleMap(styleMap, 'transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'StylePropertyMap iterator returns list-valued properties with the correct CSSStyleValue');
 
 test(t => {
   const styleMap = createComputedStyleMap(t, '--A: A; --C: C; color: red; --B: B;');
-  assert_style_value_equals(findInStyleMap(styleMap, '--A'), new CSSUnparsedValue(' A'));
-  assert_style_value_equals(findInStyleMap(styleMap, '--B'), new CSSUnparsedValue(' B'));
-  assert_style_value_equals(findInStyleMap(styleMap, '--C'), new CSSUnparsedValue(' C'));
+  assert_style_value_equals(findInStyleMap(styleMap, '--A'), new CSSUnparsedValue([' A']));
+  assert_style_value_equals(findInStyleMap(styleMap, '--B'), new CSSUnparsedValue([' B']));
+  assert_style_value_equals(findInStyleMap(styleMap, '--C'), new CSSUnparsedValue([' C']));
 }, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/declared.tentative.html
@@ -40,17 +40,17 @@ test(() => {
 }, 'Declared StylePropertyMap contains CSS property declarations in style rules');
 
 test(() => {
   assert_equals(styleMap.get('top'), null);
   assert_equals(styleMap.get('--bar'), null);
 }, 'Declared StylePropertyMap does not contain inline styles');
 
 test(() => {
-  assert_style_value_equals(styleMap.get('--foo'), new CSSUnparsedValue(' auto'));
+  assert_style_value_equals(styleMap.get('--foo'), new CSSUnparsedValue([' auto']));
 }, 'Declared StylePropertyMap contains custom property declarations');
 
 test(() => {
   assert_equals(styleMap.get('color'), null);
 }, 'Declared StylePropertyMap does not contain properties with invalid values');
 
 test(() => {
   assert_style_value_equals(styleMap.get('width'), CSS.percent(50));
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/get.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/get.html
@@ -24,17 +24,17 @@ test(t => {
 test(t => {
   const styleMap = createDeclaredStyleMap(t, 'width: 10px; height: 20px');
   assert_style_value_equals(styleMap.get('width'), new CSSUnitValue(10, 'px'));
 }, 'Getting a valid property from CSS rule returns the correct entry');
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t, '--foo: auto; --bar: 10px');
   assert_style_value_equals(styleMap.get('--foo'),
-      new CSSUnparsedValue(' auto'));
+      new CSSUnparsedValue([' auto']));
 }, 'Getting a valid custom property from CSS rule returns the ' +
    'correct entry');
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t,
       'width: 10px; transition-duration: 1s, 2s; height: 10px;');
   assert_style_value_equals(styleMap.get('transition-duration'),
       new CSSUnitValue(1, 's'));
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/getAll.tentative.html
@@ -31,17 +31,17 @@ test(t => {
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t, 'height: 20px; width: 10px');
   assert_style_value_array_equals(styleMap.getAll('wIdTh'), [CSS.px(10)]);
 }, 'StylePropertyMap.getAll is case-insensitive');
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t, '--foo: auto; --bar: 10px');
-  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
+  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
 }, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t, 'width: 10px; transition-duration: 1s, 2s; height: 20px');
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'Calling StylePropertyMap.getAll with a list-valued property returns all the values');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/iterable.tentative.html
@@ -37,15 +37,15 @@ test(t => {
 }, 'StylePropertyMap iterator returns list-valued properties with the correct CSSStyleValue');
 
 test(t => {
   const styleMap = createDeclaredStyleMap(t, '--A: A; --B: B; --C: C');
   const keys = [...styleMap.keys()], values = [...styleMap.values()];
 
   assert_array_equals(keys, ['--A', '--B', '--C']);
   assert_style_value_array_equals(values, [
-    new CSSUnparsedValue(' A'),
-    new CSSUnparsedValue(' B'),
-    new CSSUnparsedValue(' C'),
+    new CSSUnparsedValue([' A']),
+    new CSSUnparsedValue([' B']),
+    new CSSUnparsedValue([' C']),
   ])
 }, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/set.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/set.tentative.html
@@ -58,21 +58,21 @@ test(t => {
 
   styleMap.set('transition-duration', '1s, 2s');
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'Setting a list-valued property with a list-valued string updates its value');
 
 test(t => {
   let styleMap = createDeclaredStyleMap(t, '');
 
-  styleMap.set('--foo', new CSSUnparsedValue('auto'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
+  styleMap.set('--foo', new CSSUnparsedValue(['auto']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
 
   styleMap.set('--foo', '20px');
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
 }, 'Setting a custom property with CSSStyleValue or String updates its value');
 
 test(t => {
   let styleMap = createDeclaredStyleMap(t, 'transition-duration: 5s, 10s');
 
   styleMap.set('tRaNsItIoN-dUrAtIoN', '1s', CSS.s(2));
   const result = styleMap.getAll('transition-duration');
   assert_style_value_array_equals(result, [CSS.s(1), CSS.s(2)]);
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/update.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/declared/update.tentative.html
@@ -41,21 +41,21 @@ test(t => {
 
   styleMap.update('transition-duration', () => CSS.s(2));
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(2)]);
 }, 'Updating a list-valued property with CSSStyleValue updates its value');
 
 test(t => {
   let styleMap = createDeclaredStyleMap(t, '');
 
-  styleMap.update('--foo', () => new CSSUnparsedValue('auto'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
+  styleMap.update('--foo', () => new CSSUnparsedValue(['auto']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
 
-  styleMap.update('--foo', () => new CSSUnparsedValue('20px'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
+  styleMap.update('--foo', () => new CSSUnparsedValue(['20px']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
 }, 'Updating a custom property with CSSStyleValue updates its value');
 
 test(t => {
   let styleMap = createDeclaredStyleMap(t, '');
   styleMap.update('width', oldValue => {
     assert_equals(oldValue, null);
     return CSS.px(10);
   });
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/get.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/get.html
@@ -24,17 +24,17 @@ test(t => {
 test(t => {
   const styleMap = createInlineStyleMap(t, 'width: 10px; height: 20px');
   assert_style_value_equals(styleMap.get('width'), new CSSUnitValue(10, 'px'));
 }, 'Getting a valid property from inline style returns the correct entry');
 
 test(t => {
   const styleMap = createInlineStyleMap(t, '--foo: auto; --bar: 10px');
   assert_style_value_equals(styleMap.get('--foo'),
-      new CSSUnparsedValue(' auto'));
+      new CSSUnparsedValue([' auto']));
 }, 'Getting a valid custom property from inline style returns the ' +
    'correct entry');
 
 test(t => {
   const styleMap = createInlineStyleMap(t,
       'width: 10px; transition-duration: 1s, 2s; height: 10px;');
   assert_style_value_equals(styleMap.get('transition-duration'),
       new CSSUnitValue(1, 's'));
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/getAll.tentative.html
@@ -31,17 +31,17 @@ test(t => {
 
 test(t => {
   const styleMap = createInlineStyleMap(t, 'height: 20px; width: 10px');
   assert_style_value_array_equals(styleMap.getAll('wIdTh'), [CSS.px(10)]);
 }, 'StylePropertyMap.getAll is case-insensitive');
 
 test(t => {
   const styleMap = createInlineStyleMap(t, '--foo: auto; --bar: 10px');
-  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue(' auto')]);
+  assert_style_value_array_equals(styleMap.getAll('--foo'), [new CSSUnparsedValue([' auto'])]);
 }, 'Calling StylePropertyMap.getAll with a valid custom property returns a single element list with the correct entry');
 
 test(t => {
   const styleMap = createInlineStyleMap(t, 'width: 10px; transition-duration: 1s, 2s; height: 20px');
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'Calling StylePropertyMap.getAll with a list-valued property returns all the values');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/iterable.tentative.html
@@ -37,15 +37,15 @@ test(t => {
 }, 'StylePropertyMap iterator returns list-valued properties with the correct CSSStyleValue');
 
 test(t => {
   const styleMap = createInlineStyleMap(t, '--A: A; --B: B; --C: C');
   const keys = [...styleMap.keys()], values = [...styleMap.values()];
 
   assert_array_equals(keys, ['--A', '--B', '--C']);
   assert_style_value_array_equals(values, [
-    new CSSUnparsedValue(' A'),
-    new CSSUnparsedValue(' B'),
-    new CSSUnparsedValue(' C'),
+    new CSSUnparsedValue([' A']),
+    new CSSUnparsedValue([' B']),
+    new CSSUnparsedValue([' C']),
   ])
 }, 'StylePropertyMap iterator returns custom properties with the correct CSSStyleValue');
 
 </script>
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/set.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/set.tentative.html
@@ -58,21 +58,21 @@ test(t => {
 
   styleMap.set('transition-duration', '1s, 2s');
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(1), CSS.s(2)]);
 }, 'Setting a list-valued property with a list-valued string updates its value');
 
 test(t => {
   let styleMap = createInlineStyleMap(t, '');
 
-  styleMap.set('--foo', new CSSUnparsedValue('auto'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
+  styleMap.set('--foo', new CSSUnparsedValue(['auto']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
 
   styleMap.set('--foo', '20px');
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
 }, 'Setting a custom property with CSSStyleValue or String updates its value');
 
 test(t => {
   let styleMap = createInlineStyleMap(t, 'transition-duration: 5s, 10s');
 
   styleMap.set('tRaNsItIoN-dUrAtIoN', '1s', CSS.s(2));
   const result = styleMap.getAll('transition-duration');
   assert_style_value_array_equals(result, [CSS.s(1), CSS.s(2)]);
--- a/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/update.tentative.html
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/inline/update.tentative.html
@@ -41,21 +41,21 @@ test(t => {
 
   styleMap.update('transition-duration', () => CSS.s(2));
   assert_style_value_array_equals(styleMap.getAll('transition-duration'), [CSS.s(2)]);
 }, 'Updating a list-valued property with CSSStyleValue updates its value');
 
 test(t => {
   let styleMap = createInlineStyleMap(t, '');
 
-  styleMap.update('--foo', () => new CSSUnparsedValue('auto'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('auto'));
+  styleMap.update('--foo', () => new CSSUnparsedValue(['auto']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['auto']));
 
-  styleMap.update('--foo', () => new CSSUnparsedValue('20px'));
-  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue('20px'));
+  styleMap.update('--foo', () => new CSSUnparsedValue(['20px']));
+  assert_style_value_array_equals(styleMap.get('--foo'), new CSSUnparsedValue(['20px']));
 }, 'Updating a custom property with CSSStyleValue updates its value');
 
 test(t => {
   let styleMap = createInlineStyleMap(t, '');
   styleMap.update('width', oldValue => {
     assert_equals(oldValue, null);
     return CSS.px(10);
   });