Add reftest for changing transform on foreignObject

layout/reftests/svg/foreignObject-change-transform-01.svg

@@ -0,0 +1,36 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/licenses/publicdomain/
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:html="http://www.w3.org/1999/xhtml"
+     class="reftest-wait"
+     onload="setTimeout(remove_transform, 100);">
+
+  <title>Testcase for changing the 'transform' on foreignObject</title>
+
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=369911 -->
+
+  <script type="application/javascript">
+
+// The foreignObject is inverted so that it is outside the viewport. After
+// 100 ms (to give the red rect a chance to render), the transform on the
+// foreignObject is removed and the green div should fill the viewport.
+
+function remove_transform()
+{
+  document.getElementById('fo').setAttribute('transform', '');
+  setTimeout(finish_test, 100); // give the user agent some time to repaint
+}
+
+function finish_test()
+{
+  document.documentElement.removeAttribute('class');
+}
+
+  </script>
+  <rect width="100%" height="100%" fill="red"/>
+  <foreignObject id="fo" width="100%" height="100%" transform="scale(-1)">
+    <html:div style="display:block;width:100%;height:100%;background:lime;"/>
+  </foreignObject>
+</svg>

layout/reftests/svg/reftest.list

@@ -4,6 +4,7 @@
 
 fails-if(MOZ_WIDGET_TOOLKIT=="cocoa") == clipPath-basic-01.svg pass.svg # bug 379609
 == foreignObject-01.svg pass.svg
+== foreignObject-change-transform-01.svg pass.svg
 == foreignObject-display-01.svg pass.svg
 == foreignObject-move-repaint-01.svg pass.svg
 == foreignObject-overflow-01.svg pass.svg