Files
webcomponentsjs/tests/Template/html/Template.html
2014-11-24 17:04:36 -08:00

39 lines
1.6 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>
<head>
<title>Template Test</title>
<script src="../../tools/htmltest.js"></script>
<script src="../../tools/chai/chai.js"></script>
<script src="../../../src/Template/Template.js"></script>
</head>
<body>
<template>
<span id="content">Hello World!</span>
</template>
<script>
addEventListener('DOMContentLoaded', function() {
var template = document.querySelector('template');
chai.assert.equal(template.childNodes.length, 0, 'template children evacipated');
chai.assert.isDefined(template.content, 'template content exists');
chai.assert.equal(template.content.childNodes.length, 3, 'template content has expected number of nodes');
var content = document.querySelector('#content');
chai.assert.isNull(content, 'template content not in document');
document.body.appendChild(document.importNode(template.content, true));
content = document.querySelector('#content');
chai.assert.isDefined(content, 'template content stamped into document');
done();
});
</script>
</body>
</html>