diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index 8b080816bed..3ac785d5da7 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -5313,6 +5313,12 @@
             "url": "/_mozilla/mozilla/canvas.initial.reset.2dstate.html"
           }
         ],
+        "mozilla/canvas/fill_and_stroke_getters_setters.html": [
+          {
+            "path": "mozilla/canvas/fill_and_stroke_getters_setters.html",
+            "url": "/_mozilla/mozilla/canvas/fill_and_stroke_getters_setters.html"
+          }
+        ],
         "mozilla/caption.html": [
           {
             "path": "mozilla/caption.html",
diff --git a/tests/wpt/mozilla/meta/mozilla/canvas/fill_and_stroke_getters_setters.html.ini b/tests/wpt/mozilla/meta/mozilla/canvas/fill_and_stroke_getters_setters.html.ini
new file mode 100644
index 00000000000..5d1f876fbed
--- /dev/null
+++ b/tests/wpt/mozilla/meta/mozilla/canvas/fill_and_stroke_getters_setters.html.ini
@@ -0,0 +1,6 @@
+[fill_and_stroke_getters_setters.html]
+  type: testharness
+  [strokeStyle roundtrips with \[object CanvasPattern\]]
+    expected: FAIL
+  [fillStyle roundtrips with \[object CanvasPattern\]]
+    expected: FAIL
diff --git a/tests/wpt/mozilla/tests/mozilla/canvas/fill_and_stroke_getters_setters.html b/tests/wpt/mozilla/tests/mozilla/canvas/fill_and_stroke_getters_setters.html
new file mode 100644
index 00000000000..7ddaa5bfbf0
--- /dev/null
+++ b/tests/wpt/mozilla/tests/mozilla/canvas/fill_and_stroke_getters_setters.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>fillStyle/strokeStyle setters store the value for retrieval by getters</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<canvas id="c">
+<script>
+var ctx = document.getElementById('c').getContext('2d');
+
+function roundtrip(property, vals) {
+  for (var i = 0; i < vals.length; i++) {
+    test(function() {
+      ctx[property] = vals[i];
+      assert_equals(ctx[property], vals[i]);
+    }, property + ' roundtrips with ' + vals[i]);
+  }
+}
+
+var img = document.createElement('img');
+img.src = '../2x2.png';
+var pattern = ctx.createPattern(img, 'repeat');
+
+var gradient = ctx.createLinearGradient(0.0, 0.0, 1.0, 1.0);
+
+roundtrip('strokeStyle', ['#ff0000', gradient, pattern]);
+roundtrip('fillStyle', ['#ff0000', gradient, pattern]);
+</script>
