diff --git a/render/render.js b/render/render.js index 8e8ed586..373e7e97 100644 --- a/render/render.js +++ b/render/render.js @@ -358,7 +358,9 @@ module.exports = function($window, onevent) { if (value) element.setAttribute(key, "") else element.removeAttribute(key) } - else element.setAttribute(key, value) + else element.setAttribute( + key === "className" ? "class" : key, + value) } } function setLateAttrs(vnode) { diff --git a/render/tests/test-attributes.js b/render/tests/test-attributes.js index 4e43aa2a..7f2bdd7c 100644 --- a/render/tests/test-attributes.js +++ b/render/tests/test-attributes.js @@ -76,4 +76,13 @@ o.spec("attributes", function() { o(a.dom.attributes["href"]).equals(undefined) }) }) + o.spec("svg class", function() { + o("when className is specified then it should be added as a class", function() { + var a = {tag: "svg", attrs: {className: "test"}} + + render(root, [a]); + + o(a.dom.attributes.class.nodeValue).equals("test") + }) + }) }) \ No newline at end of file