1f4b2cf49a
* De-servicify router (mostly) Still uses the redraw service, but it no longer has an intermediate service of its own. Also, did a *lot* of test deduplication in this. About 30-40% of the router service tests were already tested on the main router API instance itself. Bundle size decreased from 9560 to 9548 bytes min+gzip. * Merge `m.mount` + `m.redraw`, update router Simplifies the router and redraw mechanism, and makes it much easier to keep predictable. Bundle size down to 9433 bytes min+gzip, docs updated accordingly. * Make `mithril/render` just return the `m.render` function directly. * Deservicify `m.render`, revise `m.route` - You now have to use `mithril/render/render` directly if you want an implicit redraw function. (This will likely be going away in v3.) - Revise `m.route` to only `key` components * Add `redraw` to `m.render`, deservicify requests * Test error logging * Update docs + changelog [skip ci]
109 lines
3.9 KiB
JavaScript
109 lines
3.9 KiB
JavaScript
"use strict"
|
|
|
|
var o = require("../../ospec/ospec")
|
|
var domMock = require("../../test-utils/domMock")
|
|
var vdom = require("../../render/render")
|
|
|
|
o.spec("createElement", function() {
|
|
var $window, root, render
|
|
o.beforeEach(function() {
|
|
$window = domMock()
|
|
root = $window.document.createElement("div")
|
|
render = vdom($window)
|
|
})
|
|
|
|
o("creates element", function() {
|
|
var vnode = {tag: "div"}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("DIV")
|
|
})
|
|
o("creates attr", function() {
|
|
var vnode = {tag: "div", attrs: {id: "a", title: "b"}}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("DIV")
|
|
o(vnode.dom.attributes["id"].value).equals("a")
|
|
o(vnode.dom.attributes["title"].value).equals("b")
|
|
})
|
|
o("creates style", function() {
|
|
var vnode = {tag: "div", attrs: {style: {backgroundColor: "red"}}}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("DIV")
|
|
o(vnode.dom.style.backgroundColor).equals("red")
|
|
})
|
|
o("allows css vars in style", function() {
|
|
var vnode = {tag: "div", attrs: {style: {"--css-var": "red"}}}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.style["--css-var"]).equals("red")
|
|
})
|
|
o("allows css vars in style with uppercase letters", function() {
|
|
var vnode = {tag: "div", attrs: {style: {"--cssVar": "red"}}}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.style["--cssVar"]).equals("red")
|
|
})
|
|
o("censors cssFloat to float", function() {
|
|
var vnode = {tag: "a", attrs: {style: {cssFloat: "left"}}}
|
|
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.style.float).equals("left")
|
|
})
|
|
o("creates children", function() {
|
|
var vnode = {tag: "div", children: [{tag: "a"}, {tag: "b"}]}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("DIV")
|
|
o(vnode.dom.childNodes.length).equals(2)
|
|
o(vnode.dom.childNodes[0].nodeName).equals("A")
|
|
o(vnode.dom.childNodes[1].nodeName).equals("B")
|
|
})
|
|
o("creates attrs and children", function() {
|
|
var vnode = {tag: "div", attrs: {id: "a", title: "b"}, children: [{tag: "a"}, {tag: "b"}]}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("DIV")
|
|
o(vnode.dom.attributes["id"].value).equals("a")
|
|
o(vnode.dom.attributes["title"].value).equals("b")
|
|
o(vnode.dom.childNodes.length).equals(2)
|
|
o(vnode.dom.childNodes[0].nodeName).equals("A")
|
|
o(vnode.dom.childNodes[1].nodeName).equals("B")
|
|
})
|
|
/* eslint-disable no-script-url */
|
|
o("creates svg", function() {
|
|
var vnode = {tag: "svg", ns: "http://www.w3.org/2000/svg", children: [
|
|
{tag: "a", ns: "http://www.w3.org/2000/svg", attrs: {"xlink:href": "javascript:;"}},
|
|
{tag: "foreignObject", children: [{tag: "body", attrs: {xmlns: "http://www.w3.org/1999/xhtml"}}]}
|
|
]}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("svg")
|
|
o(vnode.dom.namespaceURI).equals("http://www.w3.org/2000/svg")
|
|
o(vnode.dom.firstChild.nodeName).equals("a")
|
|
o(vnode.dom.firstChild.namespaceURI).equals("http://www.w3.org/2000/svg")
|
|
o(vnode.dom.firstChild.attributes["href"].value).equals("javascript:;")
|
|
o(vnode.dom.firstChild.attributes["href"].namespaceURI).equals("http://www.w3.org/1999/xlink")
|
|
o(vnode.dom.childNodes[1].nodeName).equals("foreignObject")
|
|
o(vnode.dom.childNodes[1].firstChild.nodeName).equals("body")
|
|
o(vnode.dom.childNodes[1].firstChild.namespaceURI).equals("http://www.w3.org/1999/xhtml")
|
|
})
|
|
/* eslint-enable no-script-url */
|
|
o("sets attributes correctly for svg", function() {
|
|
var vnode = {tag: "svg", ns: "http://www.w3.org/2000/svg", attrs: {viewBox: "0 0 100 100"}}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.attributes["viewBox"].value).equals("0 0 100 100")
|
|
})
|
|
o("creates mathml", function() {
|
|
var vnode = {tag: "math", ns: "http://www.w3.org/1998/Math/MathML", children: [{tag: "mrow", ns: "http://www.w3.org/1998/Math/MathML"}]}
|
|
render(root, [vnode])
|
|
|
|
o(vnode.dom.nodeName).equals("math")
|
|
o(vnode.dom.namespaceURI).equals("http://www.w3.org/1998/Math/MathML")
|
|
o(vnode.dom.firstChild.nodeName).equals("mrow")
|
|
o(vnode.dom.firstChild.namespaceURI).equals("http://www.w3.org/1998/Math/MathML")
|
|
})
|
|
})
|