mithril-vndb/tests/test-api.js

"use strict"

var o = require("ospec")
var browserMock = require("../test-utils/browserMock")
var components = require("../test-utils/components")

o.spec("api", function() {
	var FRAME_BUDGET = Math.floor(1000 / 60)
	var mock = browserMock(), root
	mock.setTimeout = setTimeout
	if (typeof global !== "undefined") {
		global.window = mock
		global.requestAnimationFrame = mock.requestAnimationFrame
	}
	var m = require("..") // eslint-disable-line global-require

	o.afterEach(function() {
		if (root) m.mount(root, null)
	})

	o.spec("m", function() {
		o("works", function() {
			var vnode = m("div")

			o(vnode.tag).equals("div")
		})
	})
	o.spec("m.trust", function() {
		o("works", function() {
			var vnode = m.trust("<br>")

			o(vnode.tag).equals("<")
			o(vnode.children).equals("<br>")
		})
	})
	o.spec("m.fragment", function() {
		o("works", function() {
			var vnode = m.fragment({key: 123}, [m("div")])

			o(vnode.tag).equals("[")
			o(vnode.key).equals(123)
			o(vnode.children.length).equals(1)
			o(vnode.children[0].tag).equals("div")
		})
	})
	o.spec("m.parseQueryString", function() {
		o("works", function() {
			var query = m.parseQueryString("?a=1&b=2")

			o(query).deepEquals({a: "1", b: "2"})
		})
	})
	o.spec("m.buildQueryString", function() {
		o("works", function() {
			var query = m.buildQueryString({a: 1, b: 2})

			o(query).equals("a=1&b=2")
		})
	})
	o.spec("m.request", function() {
		o("works", function() {
			o(typeof m.request).equals("function") // TODO improve
		})
	})
	o.spec("m.render", function() {
		o("works", function() {
			root = window.document.createElement("div")
			m.render(root, m("div"))

			o(root.childNodes.length).equals(1)
			o(root.firstChild.nodeName).equals("DIV")
		})
	})
	components.forEach(function(cmp){
		o.spec(cmp.kind, function(){
			var createComponent = cmp.create

			o.spec("m.mount", function() {
				o("works", function() {
					root = window.document.createElement("div")
					m.mount(root, createComponent({view: function() {return m("div")}}))

					o(root.childNodes.length).equals(1)
					o(root.firstChild.nodeName).equals("DIV")
				})
			})
			o.spec("m.route", function() {
				o("works", function(done) {
					root = window.document.createElement("div")
					m.route(root, "/a", {
						"/a": createComponent({view: function() {return m("div")}})
					})

					setTimeout(function() {
						o(root.childNodes.length).equals(1)
						o(root.firstChild.nodeName).equals("DIV")

						done()
					}, FRAME_BUDGET)
				})
				o("m.route.prefix", function(done) {
					root = window.document.createElement("div")
					m.route.prefix = "#"
					m.route(root, "/a", {
						"/a": createComponent({view: function() {return m("div")}})
					})

					setTimeout(function() {
						o(root.childNodes.length).equals(1)
						o(root.firstChild.nodeName).equals("DIV")

						done()
					}, FRAME_BUDGET)
				})
				o("m.route.get", function(done) {
					root = window.document.createElement("div")
					m.route(root, "/a", {
						"/a": createComponent({view: function() {return m("div")}})
					})

					setTimeout(function() {
						o(m.route.get()).equals("/a")

						done()
					}, FRAME_BUDGET)
				})
				o("m.route.set", function(done) {
					o.timeout(100)
					root = window.document.createElement("div")
					m.route(root, "/a", {
						"/:id": createComponent({view: function() {return m("div")}})
					})

					setTimeout(function() {
						m.route.set("/b")
						setTimeout(function() {
							o(m.route.get()).equals("/b")

							done()
						}, FRAME_BUDGET)
					}, FRAME_BUDGET)
				})
			})
			o.spec("m.redraw", function() {
				o("works", function(done) {
					var count = 0
					root = window.document.createElement("div")
					m.mount(root, createComponent({view: function() {count++}}))
					o(count).equals(1)
					m.redraw()
					o(count).equals(1)
					setTimeout(function() {

						o(count).equals(2)

						done()
					}, FRAME_BUDGET)
				})
				o("sync", function() {
					root = window.document.createElement("div")
					var view = o.spy()
					m.mount(root, createComponent({view: view}))
					o(view.callCount).equals(1)
					m.redraw.sync()
					o(view.callCount).equals(2)
				})
			})
		})
	})
})