1 files changed, 39 insertions, 0 deletions
diff --git a/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg
new file mode 100644
index 000000000..0ba96dbeb
--- /dev/null
+++ b/layout/reftests/svg/smil/syncbase/new-interval-end-negative-1.svg
@@ -0,0 +1,39 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     class="reftest-wait"
+     onload="setTimeAndSnapshot(2, true)">
+  <script xlink:href="../smil-util.js" type="text/javascript"/>
+  <!--
+    Test a dependency with a negative offset that occurs at the end of another
+    interval.
+
+    This is one of the most important tests in the suite.
+
+    REALLY IMPORTANT: Suppose we generate a new instance time, placed at a
+    particular instant during the previous interval. In fact, correct behavior
+    depends on *when* we generate this instance time. If we generate it AFTER
+    the previous interval has ended, then the new instance time will be
+    IGNORED. However, if we generate it BEFORE the previous interval has ended
+    (and if restart="always"), then a new interval will be generated, and the
+    animation will restart.
+    (To be absolutely clear: above, the words "AFTER" and "BEFORE" describe
+    *when the instance time is generated*, as opposed to *where on the timeline
+    the instance time is placed*).
+
+    So, if a new instance time is generated at the same time as an interval is
+    due to end what should happen? SMIL's endpoint-exclusive timing seems to
+    imply that interval ends should be processed first and hence the new
+    instance time should be ignored. Opera, WebKit and Batik seem to agree on
+    this.
+
+    Hence why this test is so important. It tests that we are actually
+    processing ends first.
+   -->
+  <rect width="100" height="100" fill="red">
+    <animate attributeName="y" attributeType="XML" from="0" to="0" id="a"
+      begin="0s; 1.5s" dur="1.5s"/>
+    <animate attributeName="fill" attributeType="CSS"
+      values="orange; green" fill="freeze"
+      begin="a.begin-0.5s" dur="2s"/>
+  </rect>
+</svg>