Files
webcomponentsjs/tests/WebComponents/html/ce-upgrade-order.html
2015-10-19 15:08:51 -07:00

41 lines
1.5 KiB
HTML

<!doctype html>
<!--
@license
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Custom Element Upgrade Order</title>
<script src="../../../../web-component-tester/browser.js"></script>
<script src="../../../webcomponents.js"></script>
<link rel="import" href="import-upgrade-order.html">
</head>
<body>
<x-foo id="main"></x-foo>
<script>
test('upgrade order', function() {
// native CE will upgrade in creation order
// HTMLImports polyfill must be created after main document
// Therefore, skip this test in that scenario
if (CustomElements.useNative && !HTMLImports.useNative) {
return;
}
var proto = Object.create(HTMLElement.prototype);
var order = [];
proto.createdCallback = function() {
order.push(this.id);
}
document.registerElement('x-foo', {prototype: proto});
chai.assert.deepEqual(order, ['import', 'main'], 'elements are upgraded in imports before main document');
});
</script>
</body>
</html>