1 files changed, 36 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-cascade/inherit-initial.html b/testing/web-platform/tests/css/css-cascade/inherit-initial.html
new file mode 100644
index 0000000000..8d8dfef38d
--- /dev/null
+++ b/testing/web-platform/tests/css/css-cascade/inherit-initial.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>CSS Cascading and Inheritance test: Root element inherits from initial values</title>
+<link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com">
+<link rel="help" href="https://www.w3.org/TR/css3-cascade/#inheriting">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+html {
+  z-index: inherit;
+  position: inherit;
+  overflow: inherit;
+  background-color: inherit;
+}
+body {
+  overflow: scroll;
+  background-color: pink;
+}
+</style>
+<script>
+  test(function() {
+    assert_equals(getComputedStyle(document.documentElement).zIndex, "auto");
+  }, "z-index:inherit on root element should compute to 'auto'.");
+
+  test(function() {
+    assert_equals(getComputedStyle(document.documentElement).position, "static");
+  }, "position:inherit on root element should compute to 'static'.");
+
+  test(function() {
+    assert_equals(getComputedStyle(document.documentElement).overflow, "visible");
+  }, "overflow:inherit on root element should compute to 'visible'.");
+
+  test(function() {
+    assert_equals(getComputedStyle(document.documentElement).backgroundColor, "rgba(0, 0, 0, 0)");
+  }, "background-color:inherit on root element should compute to 'rgba(0, 0, 0, 0)'.");
+</script>