summaryrefslogtreecommitdiffstats
path: root/dom/tests/mochitest/webcomponents/test_document_register_base_queue.html
blob: c839857b45ba8a4266844a901b967ec0b621f35b (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
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=783129
-->
<head>
  <title>Test for document.registerElement lifecycle callback</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<script>
var p = Object.create(HTMLElement.prototype);

var createdCallbackCallCount = 0;

// By the time the base element queue is processed via the microtask,
// both x-hello elements should be in the document.
p.createdCallback = function() {
  var one = document.getElementById("one");
  var two = document.getElementById("two");
  isnot(one, null, "First x-hello element should be in the tree.");
  isnot(two, null, "Second x-hello element should be in the tree.");
  createdCallbackCallCount++;
  if (createdCallbackCallCount == 2) {
    SimpleTest.finish();
  }

  if (createdCallbackCallCount > 2) {
    ok(false, "Created callback called too much.");
  }
};

p.attributeChangedCallback = function(name, oldValue, newValue) {
  ok(false, "Attribute changed callback should not be called because callbacks should not be queued until created callback invoked.");
};

document.registerElement("x-hello", { prototype: p });

SimpleTest.waitForExplicitFinish();
</script>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=783129">Bug 783129</a>
<x-hello id="one"></x-hello>
<x-hello id="two"></x-hello>
<script>
</script>
</body>
</html>