new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-clipPath-viewBox-ref.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="600" height="400">
+  <circle cx="300" cy="200" r="100" style="fill:blue;"/>
+</svg>
\ No newline at end of file

new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/smil/anim-clipPath-viewBox.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="600" height="400" preserveAspectRatio="none"
+     viewBox="50 100 500 200"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(1, true)">
+  <script xlink:href="smil-util.js" type="text/javascript"/>
+  <rect x="50" y="100" width="500" height="200" style="fill:blue;"
+        clip-path="circle(100px at center) view-box"/>
+  <animate attributeName="viewBox" values="50 100 500 200; 0 0 600 400"
+           dur="0.5s" fill="freeze"/>
+</svg>
\ No newline at end of file

--- a/layout/reftests/svg/smil/reftest.list
+++ b/layout/reftests/svg/smil/reftest.list
@@ -274,8 +274,10 @@ fuzzy-if(cocoaWidget&&layersGPUAccelerat
 == anim-defs-gradient-property.svg lime.svg
 == anim-defs-gradient-attribute.svg lime.svg
 == anim-defs-fill.svg lime.svg
 == anim-defs-width.svg lime.svg
 
 # Test animation that changes 'display' attribute
 == anim-display.svg lime.svg
 == anim-display-in-g-element.svg lime.svg
+
+pref(layout.css.clip-path-shapes.enabled,true) == anim-clipPath-viewBox.svg anim-clipPath-viewBox-ref.svg