fix safari 7 tests

This commit is contained in:
Daniel Freedman
2016-04-13 12:28:12 -07:00
parent 98d33dfb1e
commit 9056419040
2 changed files with 37 additions and 8 deletions

View File

@@ -138,7 +138,7 @@
document.createElement = function() {
'use strict';
var el = createElement.apply(document, arguments);
if (el.localName == 'template') {
if (el.localName === 'template') {
TemplateImpl.decorate(el);
}
return el;
@@ -173,7 +173,7 @@
var nativeCloneNode = Node.prototype.cloneNode;
TemplateImpl.cloneNode = function(template, deep) {
var clone = nativeCloneNode.call(template);
var clone = nativeCloneNode.call(template, false);
// NOTE: decorate doesn't auto-fix children because they are already
// decorated so they need special clone fixup.
if (this.decorate) {

View File

@@ -37,6 +37,32 @@
template = document.querySelector('template');
});
var canInnerHTML = (function() {
var el = document.createElement('div');
try {
Object.defineProperty(el, 'innerHTML', {
get: function(){},
set: function(){}
});
return true;
} catch(e) {
return false;
}
})();
function setupTemplate(template, string) {
if (canInnerHTML) {
template.innerHTML = string;
} else {
var el = document.createElement('div');
el.innerHTML = string;
var nodes = Array.prototype.slice.call(el.childNodes, 0);
for (var i = 0; i < nodes.length; i++) {
template.content.appendChild(nodes[i]);
}
}
}
test('No rendering', function() {
var bcr = template.getBoundingClientRect();
assert.equal(bcr.height, 0);
@@ -58,6 +84,9 @@
});
test('innerHTML', function() {
if (!canInnerHTML) {
this.skip();
}
var imp = document.createElement('template');
assert.equal(imp.innerHTML, '');
var s = 'pre<div>Hi</div><div>Bye</div>post';
@@ -84,7 +113,7 @@
test('clone', function() {
var imp = document.createElement('template');
var s = '<div>Hi</div>';
imp.innerHTML = s;
setupTemplate(imp, s);
var clone = imp.cloneNode();
assert.notEqual(clone, imp, 'element is not cloned');
assert.isDefined(clone.content, 'cloned template content dne');
@@ -100,7 +129,7 @@
test('clone nested', function() {
var imp = document.createElement('template');
var s = 'a<template id="a">b<template id="b">c<template id="c">d</template></template></template>';
imp.innerHTML = s;
setupTemplate(imp, s);
var clone = imp.cloneNode();
assert.notEqual(clone, imp, 'element is not cloned');
assert.isDefined(clone.content, 'cloned template content dne');
@@ -129,7 +158,7 @@
var imp = document.createElement('div');
var t = document.createElement('template');
var s = 'a<template id="a">b<template id="b">c<template id="c">d</template></template></template>';
t.innerHTML = s;
setupTemplate(t, s);
imp.appendChild(t);
var impClone = imp.cloneNode(true);
var imp = imp.firstChild;
@@ -155,7 +184,7 @@
test('importNode', function() {
var imp = document.createElement('template');
var s = '<div>Hi</div>';
imp.innerHTML = s;
setupTemplate(imp, s)
var clone = document.importNode(imp, false);
assert.notEqual(clone, imp, 'element is not cloned');
assert.isDefined(clone.content, 'cloned template content dne');
@@ -171,7 +200,7 @@
test('importNode: nested', function() {
var imp = document.createElement('template');
var s = 'a<template id="a">b<template id="b">c<template id="c">d</template></template></template>';
imp.innerHTML = s;
setupTemplate(imp, s);
var clone = document.importNode(imp, false);
assert.notEqual(clone, imp, 'element is not cloned');
assert.isDefined(clone.content, 'cloned template content dne');
@@ -200,7 +229,7 @@
var imp = document.createElement('div');
var t = document.createElement('template');
var s = 'a<template id="a">b<template id="b">c<template id="c">d</template></template></template>';
t.innerHTML = s;
setupTemplate(t, s);
imp.appendChild(t);
var impClone = document.importNode(imp, true);
imp = imp.firstChild;