diff --git a/layout/reftests/svg/fallback-color-01a.svg b/layout/reftests/svg/fallback-color-01a.svg
new file mode 100755
index 000000000000..9dda1d84165a
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-01a.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#null) lime" stroke-width="200%"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-01b.svg b/layout/reftests/svg/fallback-color-01b.svg
new file mode 100755
index 000000000000..8beaf133d6ab
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-01b.svg
@@ -0,0 +1,13 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#null) lime"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-02-ref.svg b/layout/reftests/svg/fallback-color-02-ref.svg
new file mode 100755
index 000000000000..4f66f6f605b5
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-02-ref.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Reference for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="black"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-02a.svg b/layout/reftests/svg/fallback-color-02a.svg
new file mode 100755
index 000000000000..7a70775f87c3
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-02a.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#null)" stroke-width="200%"/>
+</svg>
diff --git a/layout/reftests/svg/fallback-color-02b.svg b/layout/reftests/svg/fallback-color-02b.svg
new file mode 100755
index 000000000000..a74e9755d013
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-02b.svg
@@ -0,0 +1,12 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#null)"/>		
+</svg>
diff --git a/layout/reftests/svg/fallback-color-03.svg b/layout/reftests/svg/fallback-color-03.svg
new file mode 100755
index 000000000000..e6e855e88ec3
--- /dev/null
+++ b/layout/reftests/svg/fallback-color-03.svg
@@ -0,0 +1,21 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for fallback colours</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+<!-- See also http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-pservers-grad-17-b.html -->
+
+	<defs>
+		<linearGradient id="grad">
+			<stop offset="0" stop-color="black"/>
+			<stop offset="1" stop-color="white"/>
+		</linearGradient>
+	</defs>
+
+	<rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<line x1="0%" y1="50%" x2="100%" y2="50%" stroke="url(#grad) lime" stroke-width="200%"/>		
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-01.svg b/layout/reftests/svg/linearGradient-basic-01.svg
new file mode 100755
index 000000000000..e5be9a92b29e
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- No stops, like fill = none -->
+        <linearGradient id="nostops" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0"/>
+    </defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#nostops)"/>
+</svg>
diff --git a/layout/reftests/svg/linearGradient-basic-02.svg b/layout/reftests/svg/linearGradient-basic-02.svg
new file mode 100755
index 000000000000..d9d4206b38b6
--- /dev/null
+++ b/layout/reftests/svg/linearGradient-basic-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- One stop, like fill = stop-color -->
+        <linearGradient id="onestop" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+            <stop stop-color="lime" offset="1"/>
+        </linearGradient>
+	</defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#onestop)"/>
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-01.svg b/layout/reftests/svg/radialGradient-basic-01.svg
new file mode 100755
index 000000000000..efa7ab15b4b9
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-01.svg
@@ -0,0 +1,18 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- No stops, like fill = none -->
+        <radialGradient id="nostops" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0"/>
+    </defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="lime"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#nostops)"/>
+</svg>
diff --git a/layout/reftests/svg/radialGradient-basic-02.svg b/layout/reftests/svg/radialGradient-basic-02.svg
new file mode 100755
index 000000000000..ceba3c24a58e
--- /dev/null
+++ b/layout/reftests/svg/radialGradient-basic-02.svg
@@ -0,0 +1,20 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" >
+
+<title>Testcase for gradient</title>
+
+<!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=368840 -->
+
+    <defs>
+        <!-- One stop, like fill = stop-color -->
+        <radialGradient id="onestop" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="0">
+            <stop stop-color="lime" offset="1"/>
+        </radialGradient>
+	</defs>
+
+    <rect x="0%" y="0%" width="100%" height="100%" fill="red"/>
+	<rect x="0%" y="0%" width="100%" height="100%" fill="url(#onestop)"/>
+</svg>