Fix MithrilJS#2257

render/render.js

@@ -897,6 +897,7 @@ module.exports = function($window) {
 	//event
 	function updateEvent(vnode, key, value) {
 		if (vnode.events != null) {
+			vnode.events._ = currentRedraw
 			if (vnode.events[key] === value) return
 			if (value != null && (typeof value === "function" || typeof value === "object")) {
 				if (vnode.events[key] == null) vnode.dom.addEventListener(key.slice(2), vnode.events, false)

render/tests/test-event.js

@@ -5,14 +5,14 @@ var domMock = require("../../test-utils/domMock")
 var vdom = require("../../render/render")
 
 o.spec("event", function() {
-	var $window, root, redraw, render
+	var $window, root, redraw, render, reallyRender
 	o.beforeEach(function() {
 		$window = domMock()
 		root = $window.document.body
 		redraw = o.spy()
-		var renderer = vdom($window)
+		reallyRender = vdom($window)
 		render = function(dom, vnode) {
-			return renderer(dom, vnode, redraw)
+			return reallyRender(dom, vnode, redraw)
 		}
 	})
 
@@ -355,4 +355,32 @@ o.spec("event", function() {
 		o(redraw.this).equals(undefined)
 		o(redraw.args.length).equals(0)
 	})
+
+	o("handles changed spy", function() {
+		var div1 = {tag: "div", attrs: {ontransitionend: function() {}}}
+
+		reallyRender(root, [div1], redraw)
+		var e = $window.document.createEvent("HTMLEvents")
+		e.initEvent("transitionend", true, true)
+		div1.dom.dispatchEvent(e)
+
+		o(redraw.callCount).equals(1)
+		o(redraw.this).equals(undefined)
+		o(redraw.args.length).equals(0)
+
+		var replacementRedraw = o.spy()
+		var div2 = {tag: "div", attrs: {ontransitionend: function() {}}}
+
+		reallyRender(root, [div2], replacementRedraw)
+		var e = $window.document.createEvent("HTMLEvents")
+		e.initEvent("transitionend", true, true)
+		div2.dom.dispatchEvent(e)
+
+		o(redraw.callCount).equals(1)
+		o(redraw.this).equals(undefined)
+		o(redraw.args.length).equals(0)
+		o(replacementRedraw.callCount).equals(1)
+		o(replacementRedraw.this).equals(undefined)
+		o(replacementRedraw.args.length).equals(0)
+	})
 })