Bug 1343415 - Add test for SMIL with xmil:href attribute which specifying outer element. r?birtles draft
authorMantaroh Yoshinaga <mantaroh@gmail.com>
Wed, 01 Mar 2017 16:42:29 +0900
changeset 490724 673f9b911d1781d8071033e78d772f435b16fd7f
parent 490433 1bc2ad020aee2830e0a7941f10958dbec108c254
child 547360 b2bd897580c07933ce1d4778bdaea2f784b16d37
push id47208
push usermantaroh@gmail.com
push dateWed, 01 Mar 2017 07:47:43 +0000
reviewersbirtles
bugs1343415
milestone54.0a1
Bug 1343415 - Add test for SMIL with xmil:href attribute which specifying outer element. r?birtles MozReview-Commit-ID: BeyWbdYCaxe
dom/smil/test/mochitest.ini
dom/smil/test/test_smilWithXlink.xhtml
--- a/dom/smil/test/mochitest.ini
+++ b/dom/smil/test/mochitest.ini
@@ -52,9 +52,10 @@ skip-if = toolkit == 'android' #TIMED_OU
 [test_smilSyncTransform.xhtml]
 [test_smilSyncbaseTarget.xhtml]
 [test_smilTextZoom.xhtml]
 [test_smilTimeEvents.xhtml]
 [test_smilTiming.xhtml]
 [test_smilTimingZeroIntervals.xhtml]
 [test_smilUpdatedInterval.xhtml]
 [test_smilValues.xhtml]
+[test_smilWithXlink.xhtml]
 [test_smilXHR.xhtml]
new file mode 100644
--- /dev/null
+++ b/dom/smil/test/test_smilWithXlink.xhtml
@@ -0,0 +1,48 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+  <title>Test for animate with xlink:href attribute.</title>
+  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
+  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
+  <style>
+    div#target {
+      width: 300px;
+      height: 100px;
+      background-color: red;
+    }
+  </style>
+</head>
+<body>
+<p id="display"></p>
+<div id="target"></div>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     id="svg">
+  <animate xlink:href="#target"
+           attributeName="width" from="0" to="200" dur="10s" fill="freeze"/>
+</svg>
+<pre id="test">
+<script class="testbody" type="text/javascript">
+<![CDATA[
+SimpleTest.waitForExplicitFinish();
+
+function runTest() {
+  var svg = document.getElementById("svg");
+  var target = document.getElementById("target");
+
+  svg.pauseAnimations();
+  svg.setCurrentTime(5);
+
+  var cs = getComputedStyle(target);
+  is(cs.width, "100px", "SMIL should affect outer element.");
+
+  SimpleTest.finish();
+  return;
+}
+
+window.addEventListener("load", runTest);
+
+]]>
+</script>
+</pre>
+</body>
+</html>