6 files changed, 68 insertions, 0 deletions
diff --git a/layout/reftests/usercss/reftest.list b/layout/reftests/usercss/reftest.list
new file mode 100644
index 0000000000..5c0cbe9dfe
--- /dev/null
+++ b/layout/reftests/usercss/reftest.list
@@ -0,0 +1,3 @@
+== usercss.html usercss-ref.html
+== usercss-uppercase.html usercss-ref.html
+fails-if(geckoview&&webrender&&device) == usercss-moz-document.html usercss-moz-document-ref.html
diff --git a/layout/reftests/usercss/usercss-moz-document-ref.html b/layout/reftests/usercss/usercss-moz-document-ref.html
new file mode 100644
index 0000000000..c33062ea9d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-moz-document-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>p { background-color: lime; }</style>
+</head>
+<body>
+<p>@-moz-document rules should be applied.</p>
+<p>@-moz-document rules should not be applied.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-moz-document.html b/layout/reftests/usercss/usercss-moz-document.html
new file mode 100644
index 0000000000..c57c6db02d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-moz-document.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+.reftest-xdomain {
+  background: lime;
+}
+</style>
+</head>
+<body>
+<p class="reftest-domain">@-moz-document rules should be applied.</p>
+<p class="reftest-xdomain">@-moz-document rules should not be applied.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-ref.html b/layout/reftests/usercss/usercss-ref.html
new file mode 100644
index 0000000000..f11b071c9d
--- /dev/null
+++ b/layout/reftests/usercss/usercss-ref.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>p { background-color: lime; }</style>
+</head>
+<body>
+<p>This paragraph should have a green background.</p>
+<p>This paragraph should have a green background.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss-uppercase.html b/layout/reftests/usercss/usercss-uppercase.html
new file mode 100644
index 0000000000..d4dbc74eed
--- /dev/null
+++ b/layout/reftests/usercss/usercss-uppercase.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+</style>
+</head>
+<body>
+<p class="RefTest-upperCase">This paragraph should have a green background.</p>
+<p class="RefTest-upperCase">This paragraph should have a green background.</p>
+</body>
+</html>
diff --git a/layout/reftests/usercss/usercss.html b/layout/reftests/usercss/usercss.html
new file mode 100644
index 0000000000..44d9bd6633
--- /dev/null
+++ b/layout/reftests/usercss/usercss.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+p {
+  background-color: red;
+}
+</style>
+</head>
+<body>
+<p class="reftest-usercss">This paragraph should have a green background.</p>
+<p class="reftest-usercss-import">This paragraph should have a green background.</p>
+</body>
+</html>