diff --git a/core/elements/ons-template.es6 b/core/elements/ons-template.es6 index aaa564b3a5..d0fddca338 100644 --- a/core/elements/ons-template.es6 +++ b/core/elements/ons-template.es6 @@ -28,8 +28,8 @@ limitations under the License. } } - if (!window.OnsTemplate) { - window.OnsTemplate = document.registerElement('ons-template', { + if (!window.OnsTemplateElement) { + window.OnsTemplateElement = document.registerElement('ons-template', { prototype: TemplateElement.prototype }); } diff --git a/core/elements/ons-template.spec.js b/core/elements/ons-template.spec.js new file mode 100644 index 0000000000..04fb1a6d5d --- /dev/null +++ b/core/elements/ons-template.spec.js @@ -0,0 +1,22 @@ +describe('ons-template', function() { + it('provides \'OnsTemplateElement\' global variable', function() { + expect(window.OnsTemplateElement).to.be.ok; + }); + + it('by default doesn\'t have children', function() { + var element = new OnsTemplateElement(); + expect(element.hasChildNodes()).not.to.be.true; + }); + + it('has a \'createdCallback()\' function', function() { + var div = document.createElement('div'), + message = 'hoge'; + + div.innerHTML = '' + message + ''; + var element = div.querySelector('ons-template'); + + expect(element.template).not.to.contain('fuga') + expect(element.template).to.contain(message); + expect(element.firstChild).not.to.be.ok; + }); +});