1 files changed, 66 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-page/parsing/nested-rules-001.html b/testing/web-platform/tests/css/css-page/parsing/nested-rules-001.html
new file mode 100644
index 0000000000..23c8eb0894
--- /dev/null
+++ b/testing/web-platform/tests/css/css-page/parsing/nested-rules-001.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://drafts.csswg.org/css-page-3/#syntax-page-selector">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+@page p0{
+  @page a{ size: letter; }
+}
+@page p1{
+  @namespace svg url(http://www.w3.org/2000/svg);
+}
+@page p2{
+  @font-face{}
+}
+@page p3{
+  @font-feature-values font one{}
+}
+@page p4{
+  @font-palette-values --alternate{}
+}
+@page p5{
+  @counter-style x{}
+}
+@page p6{
+  @keyframes y{}
+}
+@page p7{
+  @property z{
+    syntax: "<color>";
+    inherits: false;
+    initial-value: #c0ffee;
+  }
+}
+@page p8{
+  @import url("style.css") screen;
+}
+</style>
+
+<script>
+'use strict';
+test(t => {
+  assert_equals(document.styleSheets.length, 1);
+  let styleSheet = document.styleSheets[0];
+  const ruleTypes = [
+    "page",
+    "namespace",
+    "font-face",
+    "font-feature-values",
+    "font-palette-values",
+    "counter-style",
+    "keyframes",
+    "property",
+    "import"
+  ];
+  assert_equals(styleSheet.rules.length, ruleTypes.length);
+  for(let i = 0; i < styleSheet.rules.length; i++){
+    // Just test that this is the right rule first.
+    assert_equals(styleSheet.rules[i].selectorText, "p" + i,
+        "@page p" + i + " was not parsed at all");
+    // Test that the nested rule was not valid.
+    assert_equals(styleSheet.rules[i].cssText, "@page p" + i + " { }",
+        "@" + ruleTypes[i] + " rules should not be allowed in @page rules");
+  }
+}, "nested-rules-001");
+</script>