fix recycling when tag is different in unkeyed node

This commit is contained in:
Leo Horie 2016-07-12 11:30:58 -04:00
parent c196b8b475
commit 7227cc546f
3 changed files with 33 additions and 5 deletions

View file

@ -112,7 +112,7 @@ module.exports = function($window) {
else {
var recycling = isRecyclable(old, vnodes)
if (recycling) old = old.concat(old.pool)
var oldStart = 0, start = 0, oldEnd = old.length - 1, end = vnodes.length - 1, map
while (oldEnd >= oldStart && end >= start) {
var o = old[oldStart], v = vnodes[start]
@ -120,7 +120,7 @@ module.exports = function($window) {
else if (o != null && v != null && o.key === v.key) {
oldStart++, start++
updateNode(parent, o, v, hooks, getNextSibling(old, oldStart, nextSibling), recycling, ns)
if (recycling) insertNode(parent, toFragment(o), nextSibling)
if (recycling && o.tag === v.tag) insertNode(parent, toFragment(o), nextSibling)
}
else {
var o = old[oldEnd]
@ -138,7 +138,7 @@ module.exports = function($window) {
if (o === v) oldEnd--, end--
else if (o != null && v != null && o.key === v.key) {
updateNode(parent, o, v, hooks, getNextSibling(old, oldEnd + 1, nextSibling), recycling, ns)
if (recycling) insertNode(parent, toFragment(o), nextSibling)
if (recycling && o.tag === v.tag) insertNode(parent, toFragment(o), nextSibling)
nextSibling = o.dom
oldEnd--, end--
}

View file

@ -787,4 +787,30 @@ o.spec("updateNodes", function() {
o(vnodes[0].dom.firstChild).equals(updated[0].dom.firstChild)
o(updated[0].dom.firstChild.nodeName).equals("A")
})
o("mixed unkeyed tags are not broken by recycle", function() {
var vnodes = [{tag: "a"}, {tag: "b"}]
var temp = [{tag: "b"}]
var updated = [{tag: "a"}, {tag: "b"}]
render(root, vnodes)
render(root, temp)
render(root, updated)
o(root.childNodes.length).equals(2)
o(root.childNodes[0].nodeName).equals("A")
o(root.childNodes[1].nodeName).equals("B")
})
o("mixed unkeyed vnode types are not broken by recycle", function() {
var vnodes = [{tag: "[", children: [{tag: "a"}]}, {tag: "b"}]
var temp = [{tag: "b"}]
var updated = [{tag: "[", children: [{tag: "a"}]}, {tag: "b"}]
render(root, vnodes)
render(root, temp)
render(root, updated)
o(root.childNodes.length).equals(2)
o(root.childNodes[0].nodeName).equals("A")
o(root.childNodes[1].nodeName).equals("B")
})
})