GreenPolyProducts/polymer
5
0
Fork 0
mirror of https://github.com/Polymer/polymer.git synced 2025-02-25 18:55:30 -06:00
Code Issues Packages Projects Releases Wiki Activity

add tests for Polymer.dom accessors.

Browse Source
This commit is contained in:
Steve Orvell
2015-04-29 09:33:57 -07:00
parent e27b1dc195
commit d42e9e2c5e
4 changed files with 120 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/dom-api.html
View File

@@ -409,7 +409,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
nextSibling: {
get: function() {
var c$ = this.parentNode && this.parentNode.childNodes;
var c$ = this.parentNode && factory(this.parentNode).childNodes;
if (c$) {
return c$[Array.prototype.indexOf.call(c$, this.node) + 1];
}
@@ -419,7 +419,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
previousSibling: {
get: function() {
var c$ = this.parentNode && this.parentNode.childNodes;
var c$ = this.parentNode && factory(this.parentNode).childNodes;
if (c$) {
return c$[Array.prototype.indexOf.call(c$, this.node) - 1];
}
@@ -444,7 +444,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
nextElementSibling: {
get: function() {
var c$ = this.parentNode && this.parentNode.children;
var c$ = this.parentNode && factory(this.parentNode).children;
if (c$) {
return c$[Array.prototype.indexOf.call(c$, this.node) + 1];
}
@@ -454,7 +454,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
previousElementSibling: {
get: function() {
var c$ = this.parentNode && this.parentNode.children;
var c$ = this.parentNode && factory(this.parentNode).children;
if (c$) {
return c$[Array.prototype.indexOf.call(c$, this.node) - 1];
}

7
test/unit/polymer-dom-shadow.html
View File

@@ -21,7 +21,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<x-test></x-test>
<x-test-no-distribute>
<div class="accessors">
<x-test-no-distribute><div class="child"></div></x-test-no-distribute>
<x-project><div class="child"></div></x-project>
</div>
<x-test-no-distribute id="noDistribute">
<div class="bar">Bar</div>
<div class="foo">Foo</div>
</x-test-no-distribute>

7
test/unit/polymer-dom.html
View File

@@ -20,7 +20,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<x-test></x-test>
<x-test-no-distribute>
<div class="accessors">
<x-test-no-distribute><div class="child"></div></x-test-no-distribute>
<x-project><div class="child"></div></x-project>
</div>
<x-test-no-distribute id="noDistribute">
<div class="bar">Bar</div>
<div class="foo">Foo</div>
</x-test-no-distribute>

115
test/unit/polymer-dom.js
View File

@@ -235,14 +235,6 @@ suite('Polymer.dom', function() {
}
});
test('parentNode', function() {
var test = document.querySelector('x-test');
var rere = Polymer.dom(test.root).querySelector('x-rereproject');
var projected = Polymer.dom(test.root).querySelector('#projected');
assert.equal(Polymer.dom(test).parentNode, wrap(document.body));
assert.equal(Polymer.dom(projected).parentNode, rere);
});
test('queryDistributedElements', function() {
var test = document.querySelector('x-test');
var rere = Polymer.dom(test.root).querySelector('x-rereproject');
@@ -293,10 +285,111 @@ suite('Polymer.dom', function() {
assert.equal(eventHandled, 2);
});
test('Polymer.dom.childNodes is an array', function() {
assert.isTrue(Array.isArray(Polymer.dom(document.body).childNodes));
test('parentNode', function() {
var test = document.querySelector('x-test');
var rere = Polymer.dom(test.root).querySelector('x-rereproject');
var projected = Polymer.dom(test.root).querySelector('#projected');
assert.equal(Polymer.dom(test).parentNode, wrap(document.body));
assert.equal(Polymer.dom(projected).parentNode, rere);
});
test('Polymer.dom.childNodes is an array', function() {
assert.isTrue(Array.isArray(Polymer.dom(document.body).childNodes));
});
});
suite('Polymer.dom accessors', function() {
var noDistribute, distribute;
before(function() {
noDistribute = document.querySelector('.accessors x-test-no-distribute');
distribute = document.querySelector('.accessors x-project');
});
test('Polymer.dom node accessors (no distribute)', function() {
var child = Polymer.dom(noDistribute).children[0];
assert.isTrue(child.classList.contains('child'), 'test node could not be found')
var before = document.createElement('div');
var after = document.createElement('div');
Polymer.dom(noDistribute).insertBefore(before, child);
Polymer.dom(noDistribute).appendChild(after);
assert.equal(Polymer.dom(noDistribute).firstChild, before, 'firstChild incorrect');
assert.equal(Polymer.dom(noDistribute).lastChild, after, 'lastChild incorrect');
assert.equal(Polymer.dom(before).nextSibling, child, 'nextSibling incorrect');
assert.equal(Polymer.dom(child).nextSibling, after, 'nextSibling incorrect');
assert.equal(Polymer.dom(after).previousSibling, child, 'previousSibling incorrect');
assert.equal(Polymer.dom(child).previousSibling, before, 'previousSibling incorrect');
});
test('Polymer.dom node accessors (distribute)', function() {
var child = Polymer.dom(distribute).children[0];
assert.isTrue(child.classList.contains('child'), 'test node could not be found')
var before = document.createElement('div');
var after = document.createElement('div');
Polymer.dom(distribute).insertBefore(before, child);
Polymer.dom(distribute).appendChild(after);
assert.equal(Polymer.dom(distribute).firstChild, before, 'firstChild incorrect');
assert.equal(Polymer.dom(distribute).lastChild, after, 'lastChild incorrect');
assert.equal(Polymer.dom(before).nextSibling, child, 'nextSibling incorrect');
assert.equal(Polymer.dom(child).nextSibling, after, 'nextSibling incorrect');
assert.equal(Polymer.dom(after).previousSibling, child, 'previousSibling incorrect');
assert.equal(Polymer.dom(child).previousSibling, before, 'previousSibling incorrect');
});
test('Polymer.dom element accessors (no distribute)', function() {
var parent = document.createElement('x-test-no-distribute');
var child = document.createElement('div');
Polymer.dom(parent).appendChild(child);
var before = document.createElement('div');
var after = document.createElement('div');
Polymer.dom(parent).insertBefore(before, child);
Polymer.dom(parent).appendChild(after);
assert.equal(Polymer.dom(parent).firstElementChild, before, 'firstElementChild incorrect');
assert.equal(Polymer.dom(parent).lastElementChild, after, 'lastElementChild incorrect');
assert.equal(Polymer.dom(before).nextElementSibling, child, 'nextElementSibling incorrect');
assert.equal(Polymer.dom(child).nextElementSibling, after, 'nextElementSibling incorrect');
assert.equal(Polymer.dom(after).previousElementSibling, child, 'previousElementSibling incorrect');
assert.equal(Polymer.dom(child).previousElementSibling, before, 'previousElementSibling incorrect');
});
test('Polymer.dom element accessors (distribute)', function() {
var parent = document.createElement('x-project');
var child = document.createElement('div');
Polymer.dom(parent).appendChild(child);
var before = document.createElement('div');
var after = document.createElement('div');
Polymer.dom(parent).insertBefore(before, child);
Polymer.dom(parent).appendChild(after);
assert.equal(Polymer.dom(parent).firstElementChild, before, 'firstElementChild incorrect');
assert.equal(Polymer.dom(parent).lastElementChild, after, 'lastElementChild incorrect');
assert.equal(Polymer.dom(before).nextElementSibling, child, 'nextElementSibling incorrect');
assert.equal(Polymer.dom(child).nextElementSibling, after, 'nextElementSibling incorrect');
assert.equal(Polymer.dom(after).previousElementSibling, child, 'previousElementSibling incorrect');
assert.equal(Polymer.dom(child).previousElementSibling, before, 'previousElementSibling incorrect');
});
test('Polymer.dom textContent', function() {
var test = document.createElement('x-project');
Polymer.dom(test).textContent = 'Hello World';
assert.equal(Polymer.dom(test).textContent, 'Hello World', 'textContent getter incorrect');
if (test.shadyRoot) {
Polymer.dom.flush();
assert.equal(test._composedChildren[1].textContent, 'Hello World', 'text content setter incorrect');
}
});
test('Polymer.dom innerHTML', function() {
var test = document.createElement('x-project');
Polymer.dom(test).innerHTML = '<div>Hello World</div>';
var added = Polymer.dom(test).firstChild;
assert(added.textContent , 'Hello World', 'innerHTML setter incorrect');
assert(Polymer.dom(test).innerHTML , '<div>Hello World</div>', 'innerHTML getter incorrect');
if (test.shadyRoot) {
Polymer.dom.flush();
assert.equal(test._composedChildren[1], added, 'innerHTML setter composed incorrectly');
}
});
});
suite('Polymer.dom non-distributed elements', function() {
@@ -304,7 +397,7 @@ suite('Polymer.dom non-distributed elements', function() {
var nd;
before(function() {
nd = document.querySelector('x-test-no-distribute');
nd = document.querySelector('#noDistribute');
});
test('Polymer.dom finds undistributed child', function() {