summaryrefslogtreecommitdiffstats
path: root/dom/svg/test/test_onload2.xhtml
blob: 6572fc6de8897d133a2a771e5523af3d4b8d26eb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=1474311
-->
<head>
  <title>Test onload behaviour</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1474311">Mozilla Bug 1474311</a>
<p id="display"></p>
<script class="testbody" type="text/javascript">
<![CDATA[

SimpleTest.waitForExplicitFinish();

function run() {

  let doc = document.implementation.createHTMLDocument('');

  doc.body.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image id="image" xlink:href="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" height="200" width="200"/></svg>';

  let img = doc.body.firstChild.firstChild;

  document.getElementById('svg').appendChild(img);

  img.addEventListener('load', function () {
    ok(true, "onload method called");
    SimpleTest.finish();
  });

  img.addEventListener('error', function () {
    ok(false, "onerror method called");
  });
}

]]>
</script>
<div id="content">

  <svg id="svg" onload="run()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="1">
  </svg>
</div>
<pre id="test">
</pre>
</body>
</html>