Bug 1453228 [wpt PR 10373] - [css-typed-om] Support remaining svg properties., a=testonly
authorDarren Shen <shend@chromium.org>
Thu, 19 Apr 2018 15:36:39 +0000
changeset 468419 0e1cb59139182065af8b619660c29115f590ee2c
parent 468418 bbc85e794b6c047f9e9d6368d15e391f6a90caad
child 468420 2458ceba3304b0d3acd6dc221936e5639aafbb77
push id9165
push userasasaki@mozilla.com
push dateThu, 26 Apr 2018 21:04:54 +0000
treeherdermozilla-beta@064c3804de2e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1453228, 10373, 820299, 1002433, 549791
milestone61.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 1453228 [wpt PR 10373] - [css-typed-om] Support remaining svg properties., a=testonly Automatic update from web-platform-tests[css-typed-om] Support remaining svg properties. Known failures: - flood & stop opacity: we should be clamping between 0 and 1 like 'opacity'. - paint-order: we seem to always compute to a list, but we should be computing to as specified (Firefox has correct behaviour). Bug: 820299 Change-Id: I0bcf29e07cb63516072bc3d0c307d0eadf2de6a3 Reviewed-on: https://chromium-review.googlesource.com/1002433 Reviewed-by: nainar <nainar@chromium.org> Commit-Queue: Darren Shen <shend@chromium.org> Cr-Commit-Position: refs/heads/master@{#549791} -- wpt-commits: d44cd21c00741101f22d62772efc070ba59e8f04 wpt-pr: 10373 wpt-commits: d44cd21c00741101f22d62772efc070ba59e8f04 wpt-pr: 10373
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/color-rendering.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/d.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/flood-color.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/paint-order.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/stop-color.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html
testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/vector-effect.html
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -319014,16 +319014,28 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/clip.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/clip.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html",
+     {}
+    ]
+   ],
+   "css/css-typed-om/the-stylepropertymap/properties/color-rendering.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/color-rendering.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/color.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/color.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/column-rule-color.html": [
     [
@@ -319044,16 +319056,22 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/coordinate.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/coordinate.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/d.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/d.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/direction.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/direction.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/display.html": [
     [
@@ -319134,16 +319152,28 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/float.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/float.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/flood-color.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/flood-color.html",
+     {}
+    ]
+   ],
+   "css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/font-family.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/font-family.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/font-feature-settings.html": [
     [
@@ -319518,16 +319548,22 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/padding.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/padding.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/paint-order.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/paint-order.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/pointer-events.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/pointer-events.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/position.html": [
     [
@@ -319590,16 +319626,34 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/shape-outside.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/shape-outside.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html",
+     {}
+    ]
+   ],
+   "css/css-typed-om/the-stylepropertymap/properties/stop-color.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/stop-color.html",
+     {}
+    ]
+   ],
+   "css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/stroke-dashoffset.html": [
     [
@@ -319830,16 +319884,22 @@
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/user-select.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/user-select.html",
      {}
     ]
    ],
+   "css/css-typed-om/the-stylepropertymap/properties/vector-effect.html": [
+    [
+     "/css/css-typed-om/the-stylepropertymap/properties/vector-effect.html",
+     {}
+    ]
+   ],
    "css/css-typed-om/the-stylepropertymap/properties/vertical-align.html": [
     [
      "/css/css-typed-om/the-stylepropertymap/properties/vertical-align.html",
      {}
     ]
    ],
    "css/css-typed-om/the-stylepropertymap/properties/visibility.html": [
     [
@@ -525805,16 +525865,24 @@
   "css/css-typed-om/the-stylepropertymap/properties/clip-rule.html": [
    "e639f0e1ebfc2b3497312314ae190584c7ad3ed4",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/clip.html": [
    "935ac21521a45f1b002aa1230bc25ab40373280e",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html": [
+   "5bae5cfda4b2a846db735aa6f1b65bfefb1c53f8",
+   "testharness"
+  ],
+  "css/css-typed-om/the-stylepropertymap/properties/color-rendering.html": [
+   "3bef7a7daf59dba5b1c5d0a54fe5b22fbe8c7bb7",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/color.html": [
    "291f8e058d1fa6e342f4316c0760ec4cbdbc403c",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/column-rule-color.html": [
    "ec00a4b773f2ae421b8f688908925e28d2281614",
    "testharness"
   ],
@@ -525825,16 +525893,20 @@
   "css/css-typed-om/the-stylepropertymap/properties/column-width.html": [
    "3f6faf5b2371d8be9483148f3bfa562710c9c3ef",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/coordinate.html": [
    "f03d1956798b3bbf5d4ed421cea55b274b7fecc7",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/d.html": [
+   "b3b77c4dcb255848fe8f212e5ea41f24612f4da0",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/direction.html": [
    "b7c49aba4e8785f819beeb444c113d937d441089",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/display.html": [
    "26ba44d8d5146b9d606a1668659ee16876b371c5",
    "testharness"
   ],
@@ -525885,16 +525957,24 @@
   "css/css-typed-om/the-stylepropertymap/properties/flex.html": [
    "3bfc9c981b2131ed480f5d0bc2b90f76743e2b28",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/float.html": [
    "1dfca0045c2b57f36d5165139087301ffe54c63a",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/flood-color.html": [
+   "29df9ae9ff737e88a07cb1797acfbfebced15a61",
+   "testharness"
+  ],
+  "css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html": [
+   "28e0a69f20e9ff94454a74ce256b56ad91642efc",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/font-family.html": [
    "72e8dd4dd54081fe9b2278c860f2752e2d17de74",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/font-feature-settings.html": [
    "9486209e5f3735d51ab0992f34391e83ae55303a",
    "testharness"
   ],
@@ -526141,16 +526221,20 @@
   "css/css-typed-om/the-stylepropertymap/properties/overflow.html": [
    "b6ba9ba8ebc6433caffe0c8f83e1f679a26ba7c4",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/padding.html": [
    "70c2e29badef7528469bcf11e1cb7bbc6cd519ea",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/paint-order.html": [
+   "e5305090f3e6b5420198a65ab7e5da75285f813d",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/pointer-events.html": [
    "71b42cb53d950eb62309b4567d3c7bc62dd1e28e",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/position.html": [
    "4e3eccee58cec470febe4cd9a9149f4b4436487e",
    "testharness"
   ],
@@ -526193,16 +526277,28 @@
   "css/css-typed-om/the-stylepropertymap/properties/scroll-snap-type.html": [
    "98d8d0e13352b31cce143894d9e1c6562985818d",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/shape-outside.html": [
    "3189c7b3903d30f31836ea845aebecf599198c79",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html": [
+   "fc8eb7dc50fb534c1f351a1b5336aff8979e87c2",
+   "testharness"
+  ],
+  "css/css-typed-om/the-stylepropertymap/properties/stop-color.html": [
+   "680f87fb2a86b0eda5617cb81d8a1c869dc5677b",
+   "testharness"
+  ],
+  "css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html": [
+   "cf3237c28b0f00c203f447dc958ffbaf888fae54",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/stroke-dasharray.html": [
    "5869084f1ea9acb9a2ebb8aa3aecf1635dad0e2a",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/stroke-dashoffset.html": [
    "d352d871150c457fc40d3167f599cf8e19d44059",
    "testharness"
   ],
@@ -526353,16 +526449,20 @@
   "css/css-typed-om/the-stylepropertymap/properties/unicode-bidi.html": [
    "b676714807b4fcdfd5ba7555f7c2ee3d1d9590d2",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/user-select.html": [
    "a4c544daf99e01d99b9115fb575248f8dad337df",
    "testharness"
   ],
+  "css/css-typed-om/the-stylepropertymap/properties/vector-effect.html": [
+   "5c8c72511c67a35f982b5c6331936a6f8470d7d0",
+   "testharness"
+  ],
   "css/css-typed-om/the-stylepropertymap/properties/vertical-align.html": [
    "41ae6fd66b5a0e6f3b5f154d839362a4921712cc",
    "testharness"
   ],
   "css/css-typed-om/the-stylepropertymap/properties/visibility.html": [
    "5b8de5bb7b87b82729c5ea92d80409128124acaf",
    "testharness"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/color-interpolation.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'color-interpolation' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('color-interpolation', [
+  { syntax: 'auto' },
+  { syntax: 'sRGB' },
+  { syntax: 'linearRGB' },
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/color-rendering.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'color-rendering' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('color-rendering', [
+  { syntax: 'auto' },
+  { syntax: 'optimizeSpeed' },
+  { syntax: 'optimizeQuality' },
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/d.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'d' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('d', [
+  { syntax: 'none' },
+]);
+
+runUnsupportedPropertyTests('d', [
+  'path("M 100 100 L 300 100 L 200 300 Z")'
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/flood-color.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flood-color' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('flood-color', [
+  {
+    syntax: 'currentcolor',
+    // computes to a <color>, which is not supported in level 1
+    computed: (_, result) => assert_class_string(result, 'CSSStyleValue')
+  }
+]);
+
+// <color>s are not supported in level 1
+runUnsupportedPropertyTests('flood-color', [
+  'red', '#bbff00', 'rgb(255, 255, 128)', 'hsl(50, 33%, 25%)',
+  'transparent'
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/flood-opacity.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'flood-opacity' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+function assert_is_equal_with_clamping(input, result) {
+  const number = input.to('number');
+
+  if (number.value < 0)
+    assert_style_value_equals(result, new CSSUnitValue(0, 'number'));
+  else if (number.value > 1)
+    assert_style_value_equals(result, new CSSUnitValue(1, 'number'));
+  else
+    assert_style_value_equals(result, input);
+}
+
+runPropertyTests('flood-opacity', [
+  {
+    syntax: '<number>',
+    computed: assert_is_equal_with_clamping
+  },
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/paint-order.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'paint-order' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('paint-order', [
+  { syntax: 'normal' },
+  { syntax: 'fill' },
+  { syntax: 'stroke' },
+  { syntax: 'markers' },
+]);
+
+runUnsupportedPropertyTests('paint-order', [
+  'fill stroke', 'markers fill stroke'
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/shape-rendering.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'shape-rendering' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('shape-rendering', [
+  { syntax: 'auto' },
+  { syntax: 'optimizeSpeed' },
+  { syntax: 'crispEdges' },
+  { syntax: 'geometricPrecision' },
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/stop-color.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'stop-color' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('stop-color', [
+  {
+    syntax: 'currentcolor',
+    // computes to a <color>, which is not supported in level 1
+    computed: (_, result) => assert_class_string(result, 'CSSStyleValue')
+  }
+]);
+
+// <color>s are not supported in level 1
+runUnsupportedPropertyTests('stop-color', [
+  'red', '#bbff00', 'rgb(255, 255, 128)', 'hsl(50, 33%, 25%)',
+  'transparent'
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/stop-opacity.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'stop-opacity' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+function assert_is_equal_with_clamping(input, result) {
+  const number = input.to('number');
+
+  if (number.value < 0)
+    assert_style_value_equals(result, new CSSUnitValue(0, 'number'));
+  else if (number.value > 1)
+    assert_style_value_equals(result, new CSSUnitValue(1, 'number'));
+  else
+    assert_style_value_equals(result, input);
+}
+
+runPropertyTests('stop-opacity', [
+  {
+    syntax: '<number>',
+    computed: assert_is_equal_with_clamping
+  },
+]);
+
+</script>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-typed-om/the-stylepropertymap/properties/vector-effect.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>'vector-effect' property</title>
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
+<link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="../../resources/testhelper.js"></script>
+<script src="resources/testsuite.js"></script>
+<body>
+<div id="log"></div>
+<script>
+'use strict';
+
+runPropertyTests('vector-effect', [
+  { syntax: 'non-scaling-stroke' },
+  { syntax: 'none' },
+]);
+
+</script>