Bug 1339629 Part 14: Add reftests to verify we clone css group rules when we clone the stylesheet.
MozReview-Commit-ID: CcMiDhXtaVT
new file mode 100644
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/document-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@-moz-document regexp('.*') {div { color: green; }}">
+<link rel="stylesheet" href="data:text/css,@-moz-document regexp('.*') {div { color: green; }}">
+<div>This should be green</div>
+<script>
+ onload = function() {
+ var links = document.getElementsByTagName("link");
+ links[0].sheet.cssRules[0].cssRules[0].style.color = "red";
+ }
+</script>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/media-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@media all {div { color: green; }}">
+<link rel="stylesheet" href="data:text/css,@media all {div { color: green; }}">
+<div>This should be green</div>
+<script>
+ onload = function() {
+ var links = document.getElementsByTagName("link");
+ links[0].sheet.cssRules[0].cssRules[0].style.color = "red";
+ }
+</script>
--- a/layout/reftests/stylesheet-cloning/reftest.list
+++ b/layout/reftests/stylesheet-cloning/reftest.list
@@ -1,1 +1,4 @@
-== style_rule_clone.html shouldbegreen-ref.html
+== document-rule-clone.html shouldbegreen-ref.html
+== media-rule-clone.html shouldbegreen-ref.html
+== style-rule-clone.html shouldbegreen-ref.html
+skip-if(stylo) == supports-rule-clone.html shouldbegreen-ref.html # bug 1367610
rename from layout/reftests/stylesheet-cloning/style_rule_clone.html
rename to layout/reftests/stylesheet-cloning/style-rule-clone.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/stylesheet-cloning/supports-rule-clone.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<link rel="stylesheet" href="data:text/css,@supports (color: green) {div { color: green; }}">
+<link rel="stylesheet" href="data:text/css,@supports (color: green) {div { color: green; }}">
+<div>This should be green</div>
+<script>
+ onload = function() {
+ var links = document.getElementsByTagName("link");
+ links[0].sheet.cssRules[0].cssRules[0].style.color = "red";
+ }
+</script>