From f7e5d20590a31f1e39bc2435fa1e8abc73e20f47 Mon Sep 17 00:00:00 2001
From: Sebastian Zartner <sebastianzartner@gmail.com>
Date: Sun, 11 Feb 2024 22:28:42 +0100
Subject: [PATCH] Added parsing tests for properties in CSS Borders 4

---
 .../border-block-end-radius-computed.html     | 20 ++++++++
 .../border-block-end-radius-invalid.html      | 23 +++++++++
 .../border-block-end-radius-valid.html        | 21 ++++++++
 .../border-block-start-radius-computed.html   | 20 ++++++++
 .../border-block-start-radius-invalid.html    | 23 +++++++++
 .../border-block-start-radius-valid.html      | 21 ++++++++
 .../border-bottom-radius-computed.html        | 20 ++++++++
 .../parsing/border-bottom-radius-invalid.html | 23 +++++++++
 .../parsing/border-bottom-radius-valid.html   | 21 ++++++++
 .../parsing/border-clip-computed.html         | 21 ++++++++
 .../parsing/border-clip-invalid.html          | 17 +++++++
 .../parsing/border-clip-valid.html            | 20 ++++++++
 .../border-inline-end-radius-computed.html    | 20 ++++++++
 .../border-inline-end-radius-invalid.html     | 23 +++++++++
 .../border-inline-end-radius-valid.html       | 21 ++++++++
 .../border-inline-start-radius-computed.html  | 20 ++++++++
 .../border-inline-start-radius-invalid.html   | 23 +++++++++
 .../border-inline-start-radius-valid.html     | 21 ++++++++
 .../parsing/border-left-radius-computed.html  | 20 ++++++++
 .../parsing/border-left-radius-invalid.html   | 23 +++++++++
 .../parsing/border-left-radius-valid.html     | 21 ++++++++
 .../parsing/border-right-radius-computed.html | 20 ++++++++
 .../parsing/border-right-radius-invalid.html  | 23 +++++++++
 .../parsing/border-right-radius-valid.html    | 21 ++++++++
 .../parsing/border-top-radius-computed.html   | 20 ++++++++
 .../parsing/border-top-radius-invalid.html    | 23 +++++++++
 .../parsing/border-top-radius-valid.html      | 21 ++++++++
 .../parsing/box-shadow-blur-computed.html     | 18 +++++++
 .../parsing/box-shadow-blur-invalid.html      | 18 +++++++
 .../parsing/box-shadow-blur-valid.html        | 17 +++++++
 .../parsing/box-shadow-color-computed.html    | 31 ++++++++++++
 .../parsing/box-shadow-color-invalid.html     | 22 ++++++++
 .../parsing/box-shadow-color-valid.html       | 29 +++++++++++
 .../parsing/box-shadow-offset-computed.html   | 19 +++++++
 .../parsing/box-shadow-offset-invalid.html    | 16 ++++++
 .../parsing/box-shadow-offset-valid.html      | 19 +++++++
 .../parsing/box-shadow-position-computed.html | 17 +++++++
 .../parsing/box-shadow-position-invalid.html  | 17 +++++++
 .../parsing/box-shadow-position-valid.html    | 15 ++++++
 .../parsing/box-shadow-spread-computed.html   | 19 +++++++
 .../parsing/box-shadow-spread-invalid.html    | 17 +++++++
 .../parsing/box-shadow-spread-valid.html      | 17 +++++++
 .../parsing/corner-shape-computed.html        | 19 +++++++
 .../parsing/corner-shape-invalid.html         | 18 +++++++
 .../parsing/corner-shape-valid.html           | 18 +++++++
 .../parsing/corners-computed.html             | 50 +++++++++++++++++++
 .../parsing/corners-invalid.html              | 25 ++++++++++
 css/css-borders-4/parsing/corners-valid.html  | 48 ++++++++++++++++++
 48 files changed, 1039 insertions(+)
 create mode 100644 css/css-borders-4/parsing/border-block-end-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-block-end-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-block-end-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-block-start-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-block-start-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-block-start-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-bottom-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-bottom-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-bottom-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-clip-computed.html
 create mode 100644 css/css-borders-4/parsing/border-clip-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-clip-valid.html
 create mode 100644 css/css-borders-4/parsing/border-inline-end-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-inline-end-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-inline-end-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-inline-start-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-inline-start-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-inline-start-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-left-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-left-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-left-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-right-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-right-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-right-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/border-top-radius-computed.html
 create mode 100644 css/css-borders-4/parsing/border-top-radius-invalid.html
 create mode 100644 css/css-borders-4/parsing/border-top-radius-valid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-blur-computed.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-blur-invalid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-blur-valid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-color-computed.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-color-invalid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-color-valid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-offset-computed.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-offset-invalid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-offset-valid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-position-computed.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-position-invalid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-position-valid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-spread-computed.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-spread-invalid.html
 create mode 100644 css/css-borders-4/parsing/box-shadow-spread-valid.html
 create mode 100644 css/css-borders-4/parsing/corner-shape-computed.html
 create mode 100644 css/css-borders-4/parsing/corner-shape-invalid.html
 create mode 100644 css/css-borders-4/parsing/corner-shape-valid.html
 create mode 100644 css/css-borders-4/parsing/corners-computed.html
 create mode 100644 css/css-borders-4/parsing/corners-invalid.html
 create mode 100644 css/css-borders-4/parsing/corners-valid.html

diff --git a/css/css-borders-4/parsing/border-block-end-radius-computed.html b/css/css-borders-4/parsing/border-block-end-radius-computed.html
new file mode 100644
index 00000000000000..fd096fa17c7de3
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-end-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-block-end-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-block-end-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-block-end-radius", "10px");
+test_computed_value("border-block-end-radius", "10px 10px", "10px");
+test_computed_value("border-block-end-radius", "5px 10px");
+test_computed_value("border-block-end-radius", "10px / 5px 10px");
+test_computed_value("border-block-end-radius", "5px 10px / 10px");
+test_computed_value("border-block-end-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-block-end-radius-invalid.html b/css/css-borders-4/parsing/border-block-end-radius-invalid.html
new file mode 100644
index 00000000000000..a9554bd9249858
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-end-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-end-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-block-end-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-block-end-radius", "auto");
+test_invalid_value("border-block-end-radius", "none");
+test_invalid_value("border-block-end-radius", "1px 2px 3px");
+test_invalid_value("border-block-end-radius", "-1px");
+test_invalid_value("border-block-end-radius", "1px -2px");
+test_invalid_value("border-block-end-radius", "1em /");
+test_invalid_value("border-block-end-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-block-end-radius", "1px / 2px / 3px");
+test_invalid_value("border-block-end-radius", "4");
+test_invalid_value("border-block-end-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-block-end-radius-valid.html b/css/css-borders-4/parsing/border-block-end-radius-valid.html
new file mode 100644
index 00000000000000..2989b349a1ad8f
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-end-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-end-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-block-end-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-block-end-radius", "1px");
+test_valid_value("border-block-end-radius", "10%");
+test_valid_value("border-block-end-radius", "1px 5%");
+test_valid_value("border-block-end-radius", "5% 1px");
+test_valid_value("border-block-end-radius", "1px / 2px");
+test_valid_value("border-block-end-radius", "1px / 1px 2%");
+test_valid_value("border-block-end-radius", "1px 2% / 3%");
+test_valid_value("border-block-end-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-block-start-radius-computed.html b/css/css-borders-4/parsing/border-block-start-radius-computed.html
new file mode 100644
index 00000000000000..292ae1b6dc278d
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-start-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-block-start-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-block-start-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-block-start-radius", "10px");
+test_computed_value("border-block-start-radius", "10px 10px", "10px");
+test_computed_value("border-block-start-radius", "5px 10px");
+test_computed_value("border-block-start-radius", "10px / 5px 10px");
+test_computed_value("border-block-start-radius", "5px 10px / 10px");
+test_computed_value("border-block-start-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-block-start-radius-invalid.html b/css/css-borders-4/parsing/border-block-start-radius-invalid.html
new file mode 100644
index 00000000000000..0a9a8a9bb77704
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-start-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-start-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-block-start-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-block-start-radius", "auto");
+test_invalid_value("border-block-start-radius", "none");
+test_invalid_value("border-block-start-radius", "1px 2px 3px");
+test_invalid_value("border-block-start-radius", "-1px");
+test_invalid_value("border-block-start-radius", "1px -2px");
+test_invalid_value("border-block-start-radius", "1em /");
+test_invalid_value("border-block-start-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-block-start-radius", "1px / 2px / 3px");
+test_invalid_value("border-block-start-radius", "4");
+test_invalid_value("border-block-start-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-block-start-radius-valid.html b/css/css-borders-4/parsing/border-block-start-radius-valid.html
new file mode 100644
index 00000000000000..8c9f0e0bd11b35
--- /dev/null
+++ b/css/css-borders-4/parsing/border-block-start-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-block-start-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-block-start-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-block-start-radius", "1px");
+test_valid_value("border-block-start-radius", "10%");
+test_valid_value("border-block-start-radius", "1px 5%");
+test_valid_value("border-block-start-radius", "5% 1px");
+test_valid_value("border-block-start-radius", "1px / 2px");
+test_valid_value("border-block-start-radius", "1px / 1px 2%");
+test_valid_value("border-block-start-radius", "1px 2% / 3%");
+test_valid_value("border-block-start-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-bottom-radius-computed.html b/css/css-borders-4/parsing/border-bottom-radius-computed.html
new file mode 100644
index 00000000000000..a83286a9100807
--- /dev/null
+++ b/css/css-borders-4/parsing/border-bottom-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-bottom-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-bottom-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-bottom-radius", "10px");
+test_computed_value("border-bottom-radius", "10px 10px", "10px");
+test_computed_value("border-bottom-radius", "5px 10px");
+test_computed_value("border-bottom-radius", "10px / 5px 10px");
+test_computed_value("border-bottom-radius", "5px 10px / 10px");
+test_computed_value("border-bottom-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-bottom-radius-invalid.html b/css/css-borders-4/parsing/border-bottom-radius-invalid.html
new file mode 100644
index 00000000000000..bbf7555cdcfe4a
--- /dev/null
+++ b/css/css-borders-4/parsing/border-bottom-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-bottom-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-bottom-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-bottom-radius", "auto");
+test_invalid_value("border-bottom-radius", "none");
+test_invalid_value("border-bottom-radius", "1px 2px 3px");
+test_invalid_value("border-bottom-radius", "-1px");
+test_invalid_value("border-bottom-radius", "1px -2px");
+test_invalid_value("border-bottom-radius", "1em /");
+test_invalid_value("border-bottom-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-bottom-radius", "1px / 2px / 3px");
+test_invalid_value("border-bottom-radius", "4");
+test_invalid_value("border-bottom-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-bottom-radius-valid.html b/css/css-borders-4/parsing/border-bottom-radius-valid.html
new file mode 100644
index 00000000000000..fe3502beff5ffa
--- /dev/null
+++ b/css/css-borders-4/parsing/border-bottom-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-bottom-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-bottom-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-bottom-radius", "1px");
+test_valid_value("border-bottom-radius", "10%");
+test_valid_value("border-bottom-radius", "1px 5%");
+test_valid_value("border-bottom-radius", "5% 1px");
+test_valid_value("border-bottom-radius", "1px / 2px");
+test_valid_value("border-bottom-radius", "1px / 1px 2%");
+test_valid_value("border-bottom-radius", "1px 2% / 3%");
+test_valid_value("border-bottom-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-clip-computed.html b/css/css-borders-4/parsing/border-clip-computed.html
new file mode 100644
index 00000000000000..37f20490bd6c40
--- /dev/null
+++ b/css/css-borders-4/parsing/border-clip-computed.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-clip'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip">
+<meta name="assert" content="This test checks that the computed value of 'border-clip' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-clip", "normal");
+test_computed_value("border-clip", "10px");
+test_computed_value("border-clip", "10%");
+test_computed_value("border-clip", "0");
+test_computed_value("border-clip", "1fr");
+test_computed_value("border-clip", "10px 10%");
+test_computed_value("border-clip", "10px 1em 10% 1fr 2fr", "10px 16px 10% 1fr 2fr");
+</script>
diff --git a/css/css-borders-4/parsing/border-clip-invalid.html b/css/css-borders-4/parsing/border-clip-invalid.html
new file mode 100644
index 00000000000000..8f6dff3f080c57
--- /dev/null
+++ b/css/css-borders-4/parsing/border-clip-invalid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-clip' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip">
+<meta name="assert"
+  content="This test checks that 'border-clip' supports only the keyword 'normal' or a list of &lt;length-percentage&gt; and &lt;flex&gt; values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-clip", "auto");
+test_invalid_value("border-clip", "none");
+test_invalid_value("border-clip", "padding-box");
+test_invalid_value("border-clip", "-10px");
+</script>
diff --git a/css/css-borders-4/parsing/border-clip-valid.html b/css/css-borders-4/parsing/border-clip-valid.html
new file mode 100644
index 00000000000000..819d800b42b365
--- /dev/null
+++ b/css/css-borders-4/parsing/border-clip-valid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-clip' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#border-clip">
+<meta name="assert"
+  content="This test checks that 'border-clip' supports the 'normal' keyword, &lt;length-percentage&gt; and &lt;flex&gt; values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-clip", "normal");
+test_valid_value("border-clip", "10px");
+test_valid_value("border-clip", "10%");
+test_valid_value("border-clip", "0");
+test_valid_value("border-clip", "1fr");
+test_valid_value("border-clip", "10px 10%");
+test_valid_value("border-clip", "10px 1em 10% 1fr 2fr");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-end-radius-computed.html b/css/css-borders-4/parsing/border-inline-end-radius-computed.html
new file mode 100644
index 00000000000000..58f78efa6d2eb1
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-end-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-inline-end-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-inline-end-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-inline-end-radius", "10px");
+test_computed_value("border-inline-end-radius", "10px 10px", "10px");
+test_computed_value("border-inline-end-radius", "5px 10px");
+test_computed_value("border-inline-end-radius", "10px / 5px 10px");
+test_computed_value("border-inline-end-radius", "5px 10px / 10px");
+test_computed_value("border-inline-end-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-end-radius-invalid.html b/css/css-borders-4/parsing/border-inline-end-radius-invalid.html
new file mode 100644
index 00000000000000..3ee5ccde33c929
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-end-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-radius-inline-end' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-radius-inline-end' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-radius-inline-end", "auto");
+test_invalid_value("border-radius-inline-end", "none");
+test_invalid_value("border-radius-inline-end", "1px 2px 3px");
+test_invalid_value("border-radius-inline-end", "-1px");
+test_invalid_value("border-radius-inline-end", "1px -2px");
+test_invalid_value("border-radius-inline-end", "1em /");
+test_invalid_value("border-radius-inline-end", "1px / 2px 3px 4px");
+test_invalid_value("border-radius-inline-end", "1px / 2px / 3px");
+test_invalid_value("border-radius-inline-end", "4");
+test_invalid_value("border-radius-inline-end", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-end-radius-valid.html b/css/css-borders-4/parsing/border-inline-end-radius-valid.html
new file mode 100644
index 00000000000000..72c8ad8c281fa9
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-end-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-inline-end-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-inline-end-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-inline-end-radius", "1px");
+test_valid_value("border-inline-end-radius", "10%");
+test_valid_value("border-inline-end-radius", "1px 5%");
+test_valid_value("border-inline-end-radius", "5% 1px");
+test_valid_value("border-inline-end-radius", "1px / 2px");
+test_valid_value("border-inline-end-radius", "1px / 1px 2%");
+test_valid_value("border-inline-end-radius", "1px 2% / 3%");
+test_valid_value("border-inline-end-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-start-radius-computed.html b/css/css-borders-4/parsing/border-inline-start-radius-computed.html
new file mode 100644
index 00000000000000..f08c0b0bfd7b23
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-start-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-inline-start-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-inline-start-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-inline-start-radius", "10px");
+test_computed_value("border-inline-start-radius", "10px 10px", "10px");
+test_computed_value("border-inline-start-radius", "5px 10px");
+test_computed_value("border-inline-start-radius", "10px / 5px 10px");
+test_computed_value("border-inline-start-radius", "5px 10px / 10px");
+test_computed_value("border-inline-start-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-start-radius-invalid.html b/css/css-borders-4/parsing/border-inline-start-radius-invalid.html
new file mode 100644
index 00000000000000..eaf404cf025c80
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-start-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-inline-start-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-inline-start-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-inline-start-radius", "auto");
+test_invalid_value("border-inline-start-radius", "none");
+test_invalid_value("border-inline-start-radius", "1px 2px 3px");
+test_invalid_value("border-inline-start-radius", "-1px");
+test_invalid_value("border-inline-start-radius", "1px -2px");
+test_invalid_value("border-inline-start-radius", "1em /");
+test_invalid_value("border-inline-start-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-inline-start-radius", "1px / 2px / 3px");
+test_invalid_value("border-inline-start-radius", "4");
+test_invalid_value("border-inline-start-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-inline-start-radius-valid.html b/css/css-borders-4/parsing/border-inline-start-radius-valid.html
new file mode 100644
index 00000000000000..1100664247e8b1
--- /dev/null
+++ b/css/css-borders-4/parsing/border-inline-start-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-inline-start-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-inline-start-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-inline-start-radius", "1px");
+test_valid_value("border-inline-start-radius", "10%");
+test_valid_value("border-inline-start-radius", "1px 5%");
+test_valid_value("border-inline-start-radius", "5% 1px");
+test_valid_value("border-inline-start-radius", "1px / 2px");
+test_valid_value("border-inline-start-radius", "1px / 1px 2%");
+test_valid_value("border-inline-start-radius", "1px 2% / 3%");
+test_valid_value("border-inline-start-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-left-radius-computed.html b/css/css-borders-4/parsing/border-left-radius-computed.html
new file mode 100644
index 00000000000000..2db20255758f4a
--- /dev/null
+++ b/css/css-borders-4/parsing/border-left-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-left-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-left-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-left-radius", "10px");
+test_computed_value("border-left-radius", "10px 10px", "10px");
+test_computed_value("border-left-radius", "5px 10px");
+test_computed_value("border-left-radius", "10px / 5px 10px");
+test_computed_value("border-left-radius", "5px 10px / 10px");
+test_computed_value("border-left-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-left-radius-invalid.html b/css/css-borders-4/parsing/border-left-radius-invalid.html
new file mode 100644
index 00000000000000..43002f7900203f
--- /dev/null
+++ b/css/css-borders-4/parsing/border-left-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-left-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-left-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-left-radius", "auto");
+test_invalid_value("border-left-radius", "none");
+test_invalid_value("border-left-radius", "1px 2px 3px");
+test_invalid_value("border-left-radius", "-1px");
+test_invalid_value("border-left-radius", "1px -2px");
+test_invalid_value("border-left-radius", "1em /");
+test_invalid_value("border-left-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-left-radius", "1px / 2px / 3px");
+test_invalid_value("border-left-radius", "4");
+test_invalid_value("border-left-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-left-radius-valid.html b/css/css-borders-4/parsing/border-left-radius-valid.html
new file mode 100644
index 00000000000000..401eff5729e219
--- /dev/null
+++ b/css/css-borders-4/parsing/border-left-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-left-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-left-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-left-radius", "1px");
+test_valid_value("border-left-radius", "10%");
+test_valid_value("border-left-radius", "1px 5%");
+test_valid_value("border-left-radius", "5% 1px");
+test_valid_value("border-left-radius", "1px / 2px");
+test_valid_value("border-left-radius", "1px / 1px 2%");
+test_valid_value("border-left-radius", "1px 2% / 3%");
+test_valid_value("border-left-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-right-radius-computed.html b/css/css-borders-4/parsing/border-right-radius-computed.html
new file mode 100644
index 00000000000000..b058938afc4416
--- /dev/null
+++ b/css/css-borders-4/parsing/border-right-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-right-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-right-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-right-radius", "10px");
+test_computed_value("border-right-radius", "10px 10px", "10px");
+test_computed_value("border-right-radius", "5px 10px");
+test_computed_value("border-right-radius", "10px / 5px 10px");
+test_computed_value("border-right-radius", "5px 10px / 10px");
+test_computed_value("border-right-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-right-radius-invalid.html b/css/css-borders-4/parsing/border-right-radius-invalid.html
new file mode 100644
index 00000000000000..f89f098376ee45
--- /dev/null
+++ b/css/css-borders-4/parsing/border-right-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-right-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-right-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-right-radius", "auto");
+test_invalid_value("border-right-radius", "none");
+test_invalid_value("border-right-radius", "1px 2px 3px");
+test_invalid_value("border-right-radius", "-1px");
+test_invalid_value("border-right-radius", "1px -2px");
+test_invalid_value("border-right-radius", "1em /");
+test_invalid_value("border-right-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-right-radius", "1px / 2px / 3px");
+test_invalid_value("border-right-radius", "4");
+test_invalid_value("border-right-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-right-radius-valid.html b/css/css-borders-4/parsing/border-right-radius-valid.html
new file mode 100644
index 00000000000000..dc2f5987176159
--- /dev/null
+++ b/css/css-borders-4/parsing/border-right-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-right-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-right-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-right-radius", "1px");
+test_valid_value("border-right-radius", "10%");
+test_valid_value("border-right-radius", "1px 5%");
+test_valid_value("border-right-radius", "5% 1px");
+test_valid_value("border-right-radius", "1px / 2px");
+test_valid_value("border-right-radius", "1px / 1px 2%");
+test_valid_value("border-right-radius", "1px 2% / 3%");
+test_valid_value("border-right-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/border-top-radius-computed.html b/css/css-borders-4/parsing/border-top-radius-computed.html
new file mode 100644
index 00000000000000..e0dcc8ae4eab21
--- /dev/null
+++ b/css/css-borders-4/parsing/border-top-radius-computed.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'border-top-radius'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert" content="This test checks that the computed value of 'border-top-radius' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("border-top-radius", "10px");
+test_computed_value("border-top-radius", "10px 10px", "10px");
+test_computed_value("border-top-radius", "5px 10px");
+test_computed_value("border-top-radius", "10px / 5px 10px");
+test_computed_value("border-top-radius", "5px 10px / 10px");
+test_computed_value("border-top-radius", "10px 10px / 5px 5px", "10px / 5px");
+</script>
diff --git a/css/css-borders-4/parsing/border-top-radius-invalid.html b/css/css-borders-4/parsing/border-top-radius-invalid.html
new file mode 100644
index 00000000000000..67b0fc8087eeb0
--- /dev/null
+++ b/css/css-borders-4/parsing/border-top-radius-invalid.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-top-radius' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-top-radius' supports only the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("border-top-radius", "auto");
+test_invalid_value("border-top-radius", "none");
+test_invalid_value("border-top-radius", "1px 2px 3px");
+test_invalid_value("border-top-radius", "-1px");
+test_invalid_value("border-top-radius", "1px -2px");
+test_invalid_value("border-top-radius", "1em /");
+test_invalid_value("border-top-radius", "1px / 2px 3px 4px");
+test_invalid_value("border-top-radius", "1px / 2px / 3px");
+test_invalid_value("border-top-radius", "4");
+test_invalid_value("border-top-radius", "4 / 5");
+</script>
diff --git a/css/css-borders-4/parsing/border-top-radius-valid.html b/css/css-borders-4/parsing/border-top-radius-valid.html
new file mode 100644
index 00000000000000..8dbb9a4bb9606c
--- /dev/null
+++ b/css/css-borders-4/parsing/border-top-radius-valid.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'border-top-radius' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-sizing">
+<meta name="assert"
+  content="This test checks that 'border-top-radius' supports the syntax <length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("border-top-radius", "1px");
+test_valid_value("border-top-radius", "10%");
+test_valid_value("border-top-radius", "1px 5%");
+test_valid_value("border-top-radius", "5% 1px");
+test_valid_value("border-top-radius", "1px / 2px");
+test_valid_value("border-top-radius", "1px / 1px 2%");
+test_valid_value("border-top-radius", "1px 2% / 3%");
+test_valid_value("border-top-radius", "1px 2% / 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-blur-computed.html b/css/css-borders-4/parsing/box-shadow-blur-computed.html
new file mode 100644
index 00000000000000..1c61f9a8e52835
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-blur-computed.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'box-shadow-blur'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-blur">
+<meta name="assert" content="This test checks that the computed value of 'box-shadow-blur' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("box-shadow-blur", "0", "0px");
+test_computed_value("box-shadow-blur", "1px");
+test_computed_value("box-shadow-blur", "1em", "16px");
+test_computed_value("box-shadow-blur", "1px, 2px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-blur-invalid.html b/css/css-borders-4/parsing/box-shadow-blur-invalid.html
new file mode 100644
index 00000000000000..20b2a50446007a
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-blur-invalid.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-blur' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-blur">
+<meta name="assert" content="This test checks that 'box-shadow-blur' supports only properly defined length values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("box-shadow-blur", "auto");
+test_invalid_value("box-shadow-blur", "none");
+test_invalid_value("box-shadow-blur", "1");
+test_invalid_value("box-shadow-blur", "1px 2px");
+test_invalid_value("box-shadow-blur", "-1px");
+test_invalid_value("box-shadow-blur", "1%");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-blur-valid.html b/css/css-borders-4/parsing/box-shadow-blur-valid.html
new file mode 100644
index 00000000000000..1d0be1edf12c67
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-blur-valid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-blur' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-blur">
+<meta name="assert" content="This test checks that 'box-shadow-blur' supports length values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("box-shadow-blur", "0", "0px");
+test_valid_value("box-shadow-blur", "1px");
+test_valid_value("box-shadow-blur", "1em");
+test_valid_value("box-shadow-blur", "calc(1em + 2px)");
+test_valid_value("box-shadow-blur", "1px, 2px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-color-computed.html b/css/css-borders-4/parsing/box-shadow-color-computed.html
new file mode 100644
index 00000000000000..c78687bef0558b
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-color-computed.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'box-shadow-color'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-color">
+<meta name="assert" content="This test checks that the computed value of 'box-shadow-color' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("box-shadow-color", "currentcolor", "rgb(255, 0, 0)");
+test_computed_value("box-shadow-color", "transparent", "rgba(0, 0, 0, 0)");
+test_computed_value("box-shadow-color", "red", "rgb(255, 0, 0)");
+test_computed_value("box-shadow-color", "magenta", "rgb(255, 0, 255)");
+test_computed_value("box-shadow-color", "#234", "rgb(34, 51, 68)");
+test_computed_value("box-shadow-color", "#FEDCBA", "rgb(254, 220, 186)");
+test_computed_value("box-shadow-color", "rgb(2, 3, 4)");
+test_computed_value("box-shadow-color", "rgb(100%, 0%, 0%)", "rgb(255, 0, 0)");
+test_computed_value("box-shadow-color", "rgba(2, 3, 4, 0.5)");
+test_computed_value("box-shadow-color", "rgba(2, 3, 4, 50%)", "rgba(2, 3, 4, 0.5)");
+test_computed_value("box-shadow-color", "hsl(120, 100%, 50%)", "rgb(0, 255, 0)");
+test_computed_value("box-shadow-color", "hsla(120, 100%, 50%, 0.25)", "rgba(0, 255, 0, 0.25)");
+test_computed_value("box-shadow-color", "rgb(-2, 3, 4)", "rgb(0, 3, 4)");
+test_computed_value("box-shadow-color", "rgb(100, 200, 300)", "rgb(100, 200, 255)");
+test_computed_value("box-shadow-color", "rgb(20, 10, 0, -10)", "rgba(20, 10, 0, 0)");
+test_computed_value("box-shadow-color", "rgb(100%, 200%, 300%)", "rgb(255, 255, 255)");
+test_computed_value("box-shadow-color", "red, blue", "rgb(255, 0, 0), rgb(0, 0, 255)");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-color-invalid.html b/css/css-borders-4/parsing/box-shadow-color-invalid.html
new file mode 100644
index 00000000000000..7d92386de21f88
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-color-invalid.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-color' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-color">
+<meta name="assert" content="This test checks that 'box-shadow-color' supports only properly defined color values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("box-shadow-color", "auto");
+test_invalid_value("box-shadow-color", "123");
+test_invalid_value("box-shadow-color", "#12");
+test_invalid_value("box-shadow-color", "#123456789");
+test_invalid_value("box-shadow-color", "rgb");
+test_invalid_value("box-shadow-color", "rgb(1)");
+test_invalid_value("box-shadow-color", "rgb(1,2,3,4,5)");
+test_invalid_value("box-shadow-color", "hsla(1,2,3,4,5)");
+test_invalid_value("box-shadow-color", "rgb(10%, 20, 30%)");
+test_invalid_value("box-shadow-color", "rgba(-2, 300, 400%, -0.5)");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-color-valid.html b/css/css-borders-4/parsing/box-shadow-color-valid.html
new file mode 100644
index 00000000000000..c278a7d1cc8caf
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-color-valid.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-color' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-color">
+<meta name="assert" content="This test checks that 'box-shadow-color' supports color values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("box-shadow-color", "currentcolor");
+test_valid_value("box-shadow-color", "transparent");
+test_valid_value("box-shadow-color", "red");
+test_valid_value("box-shadow-color", "magenta");
+test_valid_value("box-shadow-color", "#234", "rgb(34, 51, 68)");
+test_valid_value("box-shadow-color", "#FEDCBA", "rgb(254, 220, 186)");
+test_valid_value("box-shadow-color", "rgb(2, 3, 4)");
+test_valid_value("box-shadow-color", "rgb(100%, 0%, 0%)", "rgb(255, 0, 0)");
+test_valid_value("box-shadow-color", "rgba(2, 3, 4, 0.5)");
+test_valid_value("box-shadow-color", "rgba(2, 3, 4, 50%)", "rgba(2, 3, 4, 0.5)");
+test_valid_value("box-shadow-color", "hsl(120, 100%, 50%)", "rgb(0, 255, 0)");
+test_valid_value("box-shadow-color", "hsla(120, 100%, 50%, 0.25)", "rgba(0, 255, 0, 0.25)");
+test_valid_value("box-shadow-color", "rgb(-2, 3, 4)", "rgb(0, 3, 4)");
+test_valid_value("box-shadow-color", "rgb(100, 200, 300)", "rgb(100, 200, 255)");
+test_valid_value("box-shadow-color", "rgb(20, 10, 0, -10)", "rgba(20, 10, 0, 0)");
+test_valid_value("box-shadow-color", "rgb(100%, 200%, 300%)", "rgb(255, 255, 255)");
+test_valid_value("box-shadow-color", "red, blue", "rgb(255, 0, 0), rgb(0, 0, 255)");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-offset-computed.html b/css/css-borders-4/parsing/box-shadow-offset-computed.html
new file mode 100644
index 00000000000000..854164c7aed81b
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-offset-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'box-shadow-offset'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-offset">
+<meta name="assert" content="This test checks that the computed value of 'box-shadow-offset' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("box-shadow-offset", "0 0", "0px");
+test_computed_value("box-shadow-offset", "10px 0");
+test_computed_value("box-shadow-offset", "0 10px");
+test_computed_value("box-shadow-offset", "10px 10px", "10px");
+test_computed_value("box-shadow-offset", "10px 20px, 30px 40px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-offset-invalid.html b/css/css-borders-4/parsing/box-shadow-offset-invalid.html
new file mode 100644
index 00000000000000..dd1c0f33749c8c
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-offset-invalid.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-offset' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-offset">
+<meta name="assert" content="This test checks that 'box-shadow-offset' supports only properly defined offset values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("box-shadow-offset", "auto");
+test_invalid_value("box-shadow-offset", "1 2");
+test_invalid_value("box-shadow-offset", "1% 2%");
+test_invalid_value("box-shadow-offset", "1px 2px 3px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-offset-valid.html b/css/css-borders-4/parsing/box-shadow-offset-valid.html
new file mode 100644
index 00000000000000..f92fa2396fc0f8
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-offset-valid.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-offset' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-offset">
+<meta name="assert" content="This test checks that 'box-shadow-offset' supports offset values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("box-shadow-offset", "0", "0px 0px");
+test_valid_value("box-shadow-offset", "0 0", "0px 0px");
+test_valid_value("box-shadow-offset", "1px 2px");
+test_valid_value("box-shadow-offset", "1em 2em");
+test_valid_value("box-shadow-offset", "-1px -2px");
+test_valid_value("box-shadow-offset", "calc(1em + 2px) calc(3rem + 4vw)");
+test_valid_value("box-shadow-offset", "1px 2px, 3px 4px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-position-computed.html b/css/css-borders-4/parsing/box-shadow-position-computed.html
new file mode 100644
index 00000000000000..44a0cf90a4f027
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-position-computed.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'box-shadow-position'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-position">
+<meta name="assert" content="This test checks that the computed value of 'box-shadow-position' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("box-shadow-position", "inset");
+test_computed_value("box-shadow-position", "outset");
+test_computed_value("box-shadow-position", "inset, outset");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-position-invalid.html b/css/css-borders-4/parsing/box-shadow-position-invalid.html
new file mode 100644
index 00000000000000..9738dd610767a6
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-position-invalid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-position' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-position">
+<meta name="assert" content="This test checks that 'box-shadow-position' supports only valid keywords.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("box-shadow-position", "auto");
+test_invalid_value("box-shadow-position", "1 2");
+test_invalid_value("box-shadow-position", "1px");
+test_invalid_value("box-shadow-position", "1px 2px");
+test_invalid_value("box-shadow-position", "1%");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-position-valid.html b/css/css-borders-4/parsing/box-shadow-position-valid.html
new file mode 100644
index 00000000000000..b10ff9b05430fb
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-position-valid.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-position' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-position">
+<meta name="assert" content="This test checks that 'box-shadow-position' supports positional keywords.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("box-shadow-position", "inset");
+test_valid_value("box-shadow-position", "outset");
+test_valid_value("box-shadow-position", "inset, outset");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-spread-computed.html b/css/css-borders-4/parsing/box-shadow-spread-computed.html
new file mode 100644
index 00000000000000..f453df6e537262
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-spread-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'box-shadow-spread'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-spread">
+<meta name="assert" content="This test checks that the computed value of 'box-shadow-spread' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("box-shadow-spread", "0", "0px");
+test_computed_value("box-shadow-spread", "1px");
+test_computed_value("box-shadow-spread", "1em", "16px");
+test_computed_value("box-shadow-spread", "-1px");
+test_computed_value("box-shadow-spread", "calc(1em + 1px)", "21px");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-spread-invalid.html b/css/css-borders-4/parsing/box-shadow-spread-invalid.html
new file mode 100644
index 00000000000000..205fd924b97740
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-spread-invalid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-spread' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-spread">
+<meta name="assert" content="This test checks that 'box-shadow-spread' supports only properly defined length values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("box-shadow-spread", "auto");
+test_invalid_value("box-shadow-spread", "none");
+test_invalid_value("box-shadow-spread", "1");
+test_invalid_value("box-shadow-spread", "1px 2px");
+test_invalid_value("box-shadow-spread", "1%");
+</script>
diff --git a/css/css-borders-4/parsing/box-shadow-spread-valid.html b/css/css-borders-4/parsing/box-shadow-spread-valid.html
new file mode 100644
index 00000000000000..c040cabc6ff2e7
--- /dev/null
+++ b/css/css-borders-4/parsing/box-shadow-spread-valid.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'box-shadow-spread' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#box-shadow-spread">
+<meta name="assert" content="This test checks that 'box-shadow-spread' supports length values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("box-shadow-spread", "0", "0px");
+test_valid_value("box-shadow-spread", "1px");
+test_valid_value("box-shadow-spread", "1em");
+test_valid_value("box-shadow-spread", "-1px");
+test_valid_value("box-shadow-spread", "calc(1em + 2px)");
+</script>
diff --git a/css/css-borders-4/parsing/corner-shape-computed.html b/css/css-borders-4/parsing/corner-shape-computed.html
new file mode 100644
index 00000000000000..c238ddfb96971e
--- /dev/null
+++ b/css/css-borders-4/parsing/corner-shape-computed.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'corner-shape'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
+<meta name="assert" content="This test checks that the computed value of 'corner-shape' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("corner-shape", "round");
+test_computed_value("corner-shape", "angle");
+test_computed_value("corner-shape", "round angle");
+test_computed_value("corner-shape", "round angle round");
+test_computed_value("corner-shape", "round angle round angle");
+</script>
diff --git a/css/css-borders-4/parsing/corner-shape-invalid.html b/css/css-borders-4/parsing/corner-shape-invalid.html
new file mode 100644
index 00000000000000..51f8e05700a04a
--- /dev/null
+++ b/css/css-borders-4/parsing/corner-shape-invalid.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'corner-shape' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
+<meta name="assert" content="This test checks that 'corner-shape' supports only up to four times the keywords 'round' and 'angle'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("corner-shape", "auto");
+test_invalid_value("corner-shape", "none");
+test_invalid_value("corner-shape", "scoop");
+test_invalid_value("corner-shape", "10px");
+test_invalid_value("corner-shape", "10%");
+test_invalid_value("corner-shape", "round round round round round");
+</script>
diff --git a/css/css-borders-4/parsing/corner-shape-valid.html b/css/css-borders-4/parsing/corner-shape-valid.html
new file mode 100644
index 00000000000000..62ee2630aced6f
--- /dev/null
+++ b/css/css-borders-4/parsing/corner-shape-valid.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'corner-shape' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
+<meta name="assert" content="This test checks that 'corner-shape' supports the values 'round' and 'angle'.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("corner-shape", "round");
+test_valid_value("corner-shape", "angle");
+test_valid_value("corner-shape", "angle round");
+test_valid_value("corner-shape", "round angle");
+test_valid_value("corner-shape", "angle round angle");
+test_valid_value("corner-shape", "angle round angle round");
+</script>
diff --git a/css/css-borders-4/parsing/corners-computed.html b/css/css-borders-4/parsing/corners-computed.html
new file mode 100644
index 00000000000000..6605f9eeb0cccf
--- /dev/null
+++ b/css/css-borders-4/parsing/corners-computed.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Computed values of 'corners'</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corners-shorthand">
+<meta name="assert" content="This test checks that the computed value of 'corners' is correct.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+
+<div id="target"></div>
+
+<script>
+test_computed_value("corners", "round");
+test_computed_value("corners", "angle");
+test_computed_value("corners", "round angle");
+test_computed_value("corners", "round angle round");
+test_computed_value("corners", "round angle round angle");
+test_computed_value("corners", "4px");
+test_computed_value("corners", "2%");
+test_computed_value("corners", "4px 2%");
+test_computed_value("corners", "4px 2% 1em", "4px 2% 16px");
+test_computed_value("corners", "4px 2% 1em 4%", "4px 2% 16px 4%");
+test_computed_value("corners", "4px / 2px");
+test_computed_value("corners", "2% / 2px");
+test_computed_value("corners", "4px 2% / 2px");
+test_computed_value("corners", "4px 2% 1em / 2px", "4px 2% 16px / 2px");
+test_computed_value("corners", "4px 2% 1em 4% / 2px", "4px 2% 16px 4% / 2px");
+test_computed_value("corners", "4px / 2px 4%");
+test_computed_value("corners", "4px / 2px 4% 1em", "4px / 2px 4% 16px");
+test_computed_value("corners", "4px / 2px 4% 1em 2%", "4px / 2px 4% 16px 2%");
+test_computed_value("corners", "4px 2% / 2px 4%");
+test_computed_value("corners", "4px 2% 1em / 2px 4% 1em", "4px 2% 16px / 2px 4% 16px");
+test_computed_value("corners", "4px 2% 1em 4% / 2px 4% 1em 2%", "4px 2% 16px 4% / 2px 4% 16px 2%");
+test_computed_value("corners", "4px round");
+test_computed_value("corners", "4px angle");
+test_computed_value("corners", "4px round angle");
+test_computed_value("corners", "4px round angle round");
+test_computed_value("corners", "4px round angle round angle");
+test_computed_value("corners", "4px 2% round");
+test_computed_value("corners", "4px 2% / 2px round");
+test_computed_value("corners", "4px / 2px 4% round");
+test_computed_value("corners", "4px / 2px 4% round angle");
+test_computed_value("corners", "round 4px");
+test_computed_value("corners", "round 4px 2%");
+test_computed_value("corners", "round 4px 2% / 2px");
+test_computed_value("corners", "round 4px / 2px 4%");
+test_computed_value("corners", "round angle 4px / 2px 4%");
+test_computed_value("corners", "round angle round angle 4px 2% 1em 4% / 2px 4% 1em 2%", "round angle round angle 4px 2% 16px 4% / 2px 4% 16px 2%");
+</script>
diff --git a/css/css-borders-4/parsing/corners-invalid.html b/css/css-borders-4/parsing/corners-invalid.html
new file mode 100644
index 00000000000000..1a762a757250e0
--- /dev/null
+++ b/css/css-borders-4/parsing/corners-invalid.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'corners' with invalid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
+<meta name="assert" content="This test checks that 'corners' supports only a combination of 'border-radius' and 'corner-shape' values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_invalid_value("corners", "auto");
+test_invalid_value("corners", "none");
+test_invalid_value("corners", "scoop");
+test_invalid_value("corners", "round round round round round");
+test_invalid_value("corners", "-1px");
+test_invalid_value("corners", "4px 2% 1em 4% 2px");
+test_invalid_value("corners", "4px / 2px 4% 1em 2% 2px");
+test_invalid_value("corners", "4px / angle");
+test_invalid_value("corners", "angle / 4px");
+test_invalid_value("corners", "4px angle 2% round");
+test_invalid_value("corners", "round 4px angle 2%");
+test_invalid_value("corners", "4px / 2% angle 1em");
+test_invalid_value("corners", "round 4px / 2% angle");
+</script>
diff --git a/css/css-borders-4/parsing/corners-valid.html b/css/css-borders-4/parsing/corners-valid.html
new file mode 100644
index 00000000000000..5b1ae7afb3f9fd
--- /dev/null
+++ b/css/css-borders-4/parsing/corners-valid.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Borders and Box Decorations 4 Test: Parsing 'corners' with valid values</title>
+<link rel="author" title="Sebastian Zartner" href="mailto:sebastianzartner@gmail.com">
+<link rel="help" href="https://drafts.csswg.org/css-borders-4/#corner-shaping">
+<meta name="assert" content="This test checks that 'corners' supports a combination of 'border-radius' and 'corner-shape' values.">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+
+<script>
+test_valid_value("corners", "round");
+test_valid_value("corners", "angle");
+test_valid_value("corners", "round angle");
+test_valid_value("corners", "round angle round");
+test_valid_value("corners", "round angle round angle");
+test_valid_value("corners", "4px");
+test_valid_value("corners", "2%");
+test_valid_value("corners", "4px 2%");
+test_valid_value("corners", "4px 2% 1em");
+test_valid_value("corners", "4px 2% 1em 4%");
+test_valid_value("corners", "4px / 2px");
+test_valid_value("corners", "2% / 2px");
+test_valid_value("corners", "4px 2% / 2px");
+test_valid_value("corners", "4px 2% 1em / 2px");
+test_valid_value("corners", "4px 2% 1em 4% / 2px");
+test_valid_value("corners", "4px / 2px 4%");
+test_valid_value("corners", "4px / 2px 4% 1em");
+test_valid_value("corners", "4px / 2px 4% 1em 2%");
+test_valid_value("corners", "4px 2% / 2px 4%");
+test_valid_value("corners", "4px 2% 1em / 2px 4% 1em");
+test_valid_value("corners", "4px 2% 1em 4% / 2px 4% 1em 2%");
+test_valid_value("corners", "4px round");
+test_valid_value("corners", "4px angle");
+test_valid_value("corners", "4px round angle");
+test_valid_value("corners", "4px round angle round");
+test_valid_value("corners", "4px round angle round angle");
+test_valid_value("corners", "4px 2% round");
+test_valid_value("corners", "4px 2% / 2px round");
+test_valid_value("corners", "4px / 2px 4% round");
+test_valid_value("corners", "4px / 2px 4% round angle");
+test_valid_value("corners", "round 4px");
+test_valid_value("corners", "round 4px 2%");
+test_valid_value("corners", "round 4px 2% / 2px");
+test_valid_value("corners", "round 4px / 2px 4%");
+test_valid_value("corners", "round angle 4px / 2px 4%");
+test_valid_value("corners", "round angle round angle 4px 2% 1em 4% / 2px 4% 1em 2%");
+</script>