Bug 1509137 [wpt PR 14168] - CSS: WPTs for various computed values, a=testonly
authorEric Willigers <ericwilligers@chromium.org>
Tue, 27 Nov 2018 20:12:08 +0000
changeset 507939 3716a1d0c0c110e1cfe801429e001f59d80cce77
parent 507938 f95c3eb84ad6fe9b33766df8ff54a1580f67aa89
child 507940 f8764dd4be87284ac0cbb161f389059a5c4e85b2
push id1905
push userffxbld-merge
push dateMon, 21 Jan 2019 12:33:13 +0000
treeherdermozilla-release@c2fca1944d8c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstestonly
bugs1509137, 14168, 1345955, 610240
milestone65.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 1509137 [wpt PR 14168] - CSS: WPTs for various computed values, a=testonly Automatic update from web-platform-testsCSS: WPTs for various computed values Test computed values for various properties from - css-animations - css-shapes - css-transitions - css-ui - css-writing-modes - filter-effects Change-Id: Iad28fe2030f922bdcaa80d6ade383c69106b8822 Reviewed-on: https://chromium-review.googlesource.com/c/1345955 Commit-Queue: Eric Willigers <ericwilligers@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/master@{#610240} -- wpt-commits: 48071530dab0ba974375debca0ad7c7033b00c49 wpt-pr: 14168
testing/web-platform/tests/css/css-animations/parsing/animation-direction-computed.html
testing/web-platform/tests/css/css-animations/parsing/animation-fill-mode-computed.html
testing/web-platform/tests/css/css-animations/parsing/animation-iteration-count-computed.html
testing/web-platform/tests/css/css-animations/parsing/animation-play-state-computed.html
testing/web-platform/tests/css/css-shapes/parsing/shape-image-threshold-computed.html
testing/web-platform/tests/css/css-shapes/parsing/shape-margin-computed.html
testing/web-platform/tests/css/css-shapes/parsing/shape-outside-computed.html
testing/web-platform/tests/css/css-transitions/parsing/transition-delay-computed.html
testing/web-platform/tests/css/css-transitions/parsing/transition-property-computed.html
testing/web-platform/tests/css/css-ui/parsing/box-sizing-computed.html
testing/web-platform/tests/css/css-ui/parsing/cursor-computed.html
testing/web-platform/tests/css/css-ui/parsing/outline-offset-computed.html
testing/web-platform/tests/css/css-ui/parsing/outline-style-computed.html
testing/web-platform/tests/css/css-ui/parsing/outline-style-valid.html
testing/web-platform/tests/css/css-ui/parsing/outline-width-computed.html
testing/web-platform/tests/css/css-ui/parsing/resize-computed.html
testing/web-platform/tests/css/css-ui/parsing/text-overflow-computed.html
testing/web-platform/tests/css/css-writing-modes/parsing/direction-computed.html
testing/web-platform/tests/css/css-writing-modes/parsing/text-combine-upright-computed.html
testing/web-platform/tests/css/css-writing-modes/parsing/text-orientation-computed.html
testing/web-platform/tests/css/css-writing-modes/parsing/unicode-bidi-computed.html
testing/web-platform/tests/css/css-writing-modes/parsing/writing-mode-computed.html
testing/web-platform/tests/css/filter-effects/parsing/color-interpolation-filters-computed.html
testing/web-platform/tests/css/filter-effects/parsing/color-interpolation-filters-parsing-valid.html
testing/web-platform/tests/css/filter-effects/parsing/lighting-color-computed.html
testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-invalid.html
testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-valid.html
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-animations/parsing/animation-direction-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Animations: getComputedValue().animationDirection</title>
+<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-direction">
+<meta name="assert" content="animation-direction computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("animation-direction", "normal, reverse, alternate, alternate-reverse");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-animations/parsing/animation-fill-mode-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Animations: getComputedValue().animationFillMode</title>
+<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-fill-mode">
+<meta name="assert" content="animation-fill-mode computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("animation-fill-mode", "none, forwards, backwards, both");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-animations/parsing/animation-iteration-count-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Animations: getComputedValue().animationIterationCount</title>
+<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-iteration-count">
+<meta name="assert" content="animation-iteration-count computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("animation-iteration-count", "0, infinite, 3");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-animations/parsing/animation-play-state-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Animations: getComputedValue().animationPlayState</title>
+<link rel="help" href="https://drafts.csswg.org/css-animations/#propdef-animation-play-state">
+<meta name="assert" content="animation-play-state computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("animation-play-state", "running, paused");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-shapes/parsing/shape-image-threshold-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Shapes Module Level 1: getComputedValue().shapeImageThreshold</title>
+<link rel="help" href="https://drafts.csswg.org/css-shapes/#shape-image-threshold-property">
+<meta name="assert" content="shape-image-threshold computed value is as specified, clamped to [0,1].">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("shape-image-threshold", "-7", "0");
+test_computed_value("shape-image-threshold", "0.5");
+test_computed_value("shape-image-threshold", "12.5", "1");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-shapes/parsing/shape-margin-computed.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Shapes Module Level 1: getComputedValue().shapeMargin</title>
+<link rel="help" href="https://drafts.csswg.org/css-shapes/#shape-margin-property">
+<meta name="assert" content="shape-margin computed value is non-negative <length-percentage>.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<style>
+  #target {
+    font-size: 40px;
+  }
+</style>
+<div id="target"></div>
+<script>
+test_computed_value("shape-margin", "calc(10px + 0.5em)", "30px");
+test_computed_value("shape-margin", "calc(10px - 0.5em)", "0px");
+test_computed_value("shape-margin", "50%");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-shapes/parsing/shape-outside-computed.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Shapes Module Level 1: getComputedValue().shapeOutside</title>
+<link rel="help" href="https://drafts.csswg.org/css-shapes/#shape-outside-property">
+<meta name="assert" content="shape-outside computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<style>
+  #target {
+    font-size: 40px;
+  }
+</style>
+<div id="target"></div>
+<script>
+test_computed_value("shape-outside", "circle(calc(10px + 0.5em) at -50% 50%) border-box", "circle(30px at -50% 50%) border-box");
+test_computed_value("shape-outside", "circle(calc(10px - 0.5em) at 50% -50%) border-box", "circle(0px at 50% -50%) border-box");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-transitions/parsing/transition-delay-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Transitions: getComputedValue().transitionDelay</title>
+<link rel="help" href="https://drafts.csswg.org/css-transitions/#propdef-transition-delay">
+<meta name="assert" content="transition-delay converts to seconds.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("transition-delay", "-500ms, calc(2 * 3s)", "-0.5s, 6s");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-transitions/parsing/transition-property-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Transitions: getComputedValue().transitionProperty</title>
+<link rel="help" href="https://drafts.csswg.org/css-transitions/#propdef-transition-property">
+<meta name="assert" content="transition-property keeps unrecognized properties.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("transition-property", "left, top, right, bottom");
+test_computed_value("transition-property", "one, two, three");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/box-sizing-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().boxSizing</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#box-sizing">
+<meta name="assert" content="box-sizing computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("box-sizing", "content-box");
+test_computed_value("box-sizing", "border-box");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/cursor-computed.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().cursor</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#cursor">
+<meta name="assert" content="cursor computed value is as specified for keywords.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("cursor", "auto");
+test_computed_value("cursor", "default");
+test_computed_value("cursor", "none");
+test_computed_value("cursor", "context-menu");
+test_computed_value("cursor", "help");
+test_computed_value("cursor", "pointer");
+test_computed_value("cursor", "progress");
+test_computed_value("cursor", "wait");
+test_computed_value("cursor", "cell");
+test_computed_value("cursor", "crosshair");
+test_computed_value("cursor", "text");
+test_computed_value("cursor", "vertical-text");
+test_computed_value("cursor", "alias");
+test_computed_value("cursor", "copy");
+test_computed_value("cursor", "move");
+test_computed_value("cursor", "no-drop");
+test_computed_value("cursor", "not-allowed");
+test_computed_value("cursor", "grab");
+test_computed_value("cursor", "grabbing");
+test_computed_value("cursor", "e-resize");
+test_computed_value("cursor", "n-resize");
+test_computed_value("cursor", "ne-resize");
+test_computed_value("cursor", "nw-resize");
+test_computed_value("cursor", "s-resize");
+test_computed_value("cursor", "se-resize");
+test_computed_value("cursor", "sw-resize");
+test_computed_value("cursor", "w-resize");
+test_computed_value("cursor", "ew-resize");
+test_computed_value("cursor", "ns-resize");
+test_computed_value("cursor", "nesw-resize");
+test_computed_value("cursor", "nwse-resize");
+test_computed_value("cursor", "col-resize");
+test_computed_value("cursor", "row-resize");
+test_computed_value("cursor", "all-scroll");
+test_computed_value("cursor", "zoom-in");
+test_computed_value("cursor", "zoom-out");
+
+// Not yet tested: // [ [<url> [<x> <y>]?,]*
+// "relative URLs converted to absolute"
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/outline-offset-computed.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().outlineOffset</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#outline-offset">
+<meta name="assert" content="outline-offset computed value is absolute length.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<style>
+  #target {
+    font-size: 40px;
+    outline-width: 100px;
+    outline-style: dotted; /* Avoid outline-width computed style 0 */
+  }
+</style>
+<div id="target"></div>
+<script>
+test_computed_value("outline-offset", "10px");
+test_computed_value("outline-offset", "0.5em", "20px");
+test_computed_value("outline-offset", "calc(10px + 0.5em)", "30px");
+test_computed_value("outline-offset", "calc(10px - 0.5em)", "-10px");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/outline-style-computed.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().outlineStyle</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#outline-style">
+<meta name="assert" content="outline-style computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("outline-style", "auto");
+
+test_computed_value("outline-style", "none");
+test_computed_value("outline-style", "dotted");
+test_computed_value("outline-style", "dashed");
+test_computed_value("outline-style", "solid");
+test_computed_value("outline-style", "double");
+test_computed_value("outline-style", "groove");
+test_computed_value("outline-style", "ridge");
+test_computed_value("outline-style", "inset");
+test_computed_value("outline-style", "outset");
+</script>
+</body>
+</html>
--- a/testing/web-platform/tests/css/css-ui/parsing/outline-style-valid.html
+++ b/testing/web-platform/tests/css/css-ui/parsing/outline-style-valid.html
@@ -8,16 +8,17 @@
 <meta name="assert" content="outline-style supports the full grammar 'auto | <outline-line-style>'.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
 <script>
 test_valid_value("outline-style", "auto");
+
 test_valid_value("outline-style", "none");
 test_valid_value("outline-style", "dotted");
 test_valid_value("outline-style", "dashed");
 test_valid_value("outline-style", "solid");
 test_valid_value("outline-style", "double");
 test_valid_value("outline-style", "groove");
 test_valid_value("outline-style", "ridge");
 test_valid_value("outline-style", "inset");
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/outline-width-computed.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().outlineWidth</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#outline-width">
+<meta name="assert" content="outline-width computed value is absolute length, 0 if the outline style is none.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<style>
+  #target {
+    font-size: 40px;
+
+    border-style: dotted; /* Avoid border-*-width computed style 0 */
+    border-top-width: thin;
+    border-right-width: medium;
+    border-bottom-width: thick;
+
+    outline-style: dotted; /* Avoid outline-width computed style 0 */
+  }
+</style>
+<div id="target"></div>
+<script>
+test_computed_value("outline-width", "10px");
+test_computed_value("outline-width", "0.5em", "20px");
+test_computed_value("outline-width", "calc(10px + 0.5em)", "30px");
+test_computed_value("outline-width", "calc(10px - 0.5em)", "0px");
+
+test_computed_value("outline-width", "thin", getComputedStyle(target).borderTopWidth);
+test_computed_value("outline-width", "medium", getComputedStyle(target).borderRightWidth);
+test_computed_value("outline-width", "thick", getComputedStyle(target).borderBottomWidth);
+
+test(() => {
+  target.style['outline-width'] = '10px';
+  target.style['outline-style'] = 'none';
+  assert_equals(getComputedStyle(target)['outline-width'], '0px');
+  target.style['outline-style'] = '';
+}, 'outline-width is 0 when outline-style is none');
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/resize-computed.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().resize</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#resize">
+<meta name="assert" content="resize computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("resize", "none");
+test_computed_value("resize", "both");
+test_computed_value("resize", "horizontal");
+test_computed_value("resize", "vertical");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-ui/parsing/text-overflow-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS UI Level 3: getComputedValue().textOverflow</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-3/#text-overflow">
+<meta name="assert" content="text-overflow computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("text-overflow", "clip");
+test_computed_value("text-overflow", "ellipsis");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/parsing/direction-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: getComputedValue().direction</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-direction">
+<meta name="assert" content="direction computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("direction", "ltr");
+test_computed_value("direction", "rtl");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/parsing/text-combine-upright-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: getComputedValue().textCombineUpright</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-text-combine-upright">
+<meta name="assert" content="text-combine-upright computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("text-combine-upright", "none");
+test_computed_value("text-combine-upright", "all");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/parsing/text-orientation-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: getComputedValue().textOrientation</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-text-orientation">
+<meta name="assert" content="text-orientation computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("text-orientation", "mixed");
+test_computed_value("text-orientation", "upright");
+test_computed_value("text-orientation", "sideways");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/parsing/unicode-bidi-computed.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: getComputedValue().unicodeBidi</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-unicode-bidi">
+<meta name="assert" content="unicode-bidi computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("unicode-bidi", "normal");
+test_computed_value("unicode-bidi", "embed");
+test_computed_value("unicode-bidi", "isolate");
+test_computed_value("unicode-bidi", "bidi-override");
+test_computed_value("unicode-bidi", "isolate-override");
+test_computed_value("unicode-bidi", "plaintext");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/css-writing-modes/parsing/writing-mode-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Writing Modes: getComputedValue().writingMode</title>
+<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#propdef-writing-mode">
+<meta name="assert" content="writing-mode computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("writing-mode", "horizontal-tb");
+test_computed_value("writing-mode", "vertical-rl");
+test_computed_value("writing-mode", "vertical-lr");
+</script>
+</body>
+</html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/parsing/color-interpolation-filters-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Filter Effects Module Level 1: getComputedValue().colorInterpolationFilters</title>
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#ColorInterpolationFiltersProperty">
+<meta name="assert" content="color-interpolation-filters computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("color-interpolation-filters", "auto");
+test_computed_value("color-interpolation-filters", "srgb");
+test_computed_value("color-interpolation-filters", "linearrgb");
+</script>
+</body>
+</html>
--- a/testing/web-platform/tests/css/filter-effects/parsing/color-interpolation-filters-parsing-valid.html
+++ b/testing/web-platform/tests/css/filter-effects/parsing/color-interpolation-filters-parsing-valid.html
@@ -1,26 +1,23 @@
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Filter Effects Module Level 1: parsing color-interpolation-filters with valid values</title>
 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
 <link rel="help" href="https://drafts.fxtf.org/filter-effects/#ColorInterpolationFiltersProperty">
+<link rel="help" href="https://drafts.csswg.org/cssom/#serializing-css-values">
 <meta name="assert" content="color-interpolation-filters supports the full grammar 'auto | sRGB | linearRGB'.">
+<meta name="assert" content="Keywords serialize in lower case.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
 <script>
 test_valid_value("color-interpolation-filters", "auto");
-
-// Blink serializes these keywords as mixed case. Firefox serializes as lowercase.
-test_valid_value("color-interpolation-filters", "sRGB", ["sRGB", "srgb"]);
-test_valid_value("color-interpolation-filters", "srgb", ["sRGB", "srgb"]);
-test_valid_value("color-interpolation-filters", "SrGb", ["sRGB", "srgb"]);
-test_valid_value("color-interpolation-filters", "linearRGB", ["linearRGB", "linearrgb"]);
-test_valid_value("color-interpolation-filters", "linearrgb", ["linearRGB", "linearrgb"]);
-test_valid_value("color-interpolation-filters", "LiNeArRgB", ["linearRGB", "linearrgb"]);
+test_valid_value("color-interpolation-filters", "sRGB", "srgb");
+test_valid_value("color-interpolation-filters", "linearRGB", "linearrgb");
+test_valid_value("color-interpolation-filters", "LiNeArRgB", "linearrgb");
 </script>
 </body>
 </html>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/css/filter-effects/parsing/lighting-color-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Filter Effects Module Level 1: getComputedValue().lightingColor</title>
+<link rel="help" href="https://drafts.fxtf.org/filter-effects/#LightingColorProperty">
+<meta name="assert" content="lighting-color computed value is as specified.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("lighting-color", "rgb(1, 2, 3)");
+</script>
+</body>
+</html>
--- a/testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-invalid.html
+++ b/testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-invalid.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Filter Effects Module Level 1: parsing lighting-color with invalid values</title>
 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
 <link rel="help" href="https://drafts.fxtf.org/filter-effects/#LightingColorProperty">
-<meta name="assert" content="lighting-color supports only the grammar 'auto | sRGB | linearRGB'.">
+<meta name="assert" content="lighting-color supports only the grammar '<color>'.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
 <script>
 test_invalid_value("lighting-color", "auto");
 test_invalid_value("lighting-color", "none");
--- a/testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-valid.html
+++ b/testing/web-platform/tests/css/filter-effects/parsing/lighting-color-parsing-valid.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>Filter Effects Module Level 1: parsing lighting-color with valid values</title>
 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
 <link rel="help" href="https://drafts.fxtf.org/filter-effects/#LightingColorProperty">
-<meta name="assert" content="lighting-color supports the full grammar 'auto | sRGB | linearRGB'.">
+<meta name="assert" content="lighting-color supports the full grammar '<color>'.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/parsing-testcommon.js"></script>
 </head>
 <body>
 <script>
 test_valid_value("lighting-color", "rgb(1,2,3)", "rgb(1, 2, 3)");
 test_valid_value("lighting-color", "#102030", "rgb(16, 32, 48)");