forked from choojs/choo
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'master' into init-stores-with-state
* master: 6.13.3 Revert init order change Add browser tests (choojs#696) 6.13.2 Fix location missing on store init (choojs#695) Typo Fix in Readme (choojs#693) 6.13.1 Fix wrong this usage in nanohref integration (choojs#689) Some spelling & typo fixes in readme (choojs#688) Fix inspect script (choojs#654)
- Loading branch information
Showing
6 changed files
with
276 additions
and
52 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,242 @@ | ||
| var tape = require('tape') | ||
| var h = require('hyperscript') | ||
|
|
||
| var html = require('../html') | ||
| var raw = require('../html/raw') | ||
| var choo = require('..') | ||
|
|
||
| tape('should mount in the DOM', function (t) { | ||
| t.plan(1) | ||
| var app = choo() | ||
| var container = init('/', 'p') | ||
| app.route('/', function (state, emit) { | ||
| var strong = '<strong>Hello filthy planet</strong>' | ||
| window.requestAnimationFrame(function () { | ||
| var exp = '<p><strong>Hello filthy planet</strong></p>' | ||
| t.equal(container.outerHTML, exp, 'result was OK') | ||
| }) | ||
| return html` | ||
| <p>${raw(strong)}</p> | ||
| ` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('should render with hyperscript', function (t) { | ||
| t.plan(1) | ||
| var app = choo() | ||
| var container = init('/', 'p') | ||
| app.route('/', function (state, emit) { | ||
| window.requestAnimationFrame(function () { | ||
| var exp = '<p><strong>Hello filthy planet</strong></p>' | ||
| t.equal(container.outerHTML, exp, 'result was OK') | ||
| }) | ||
| return h('p', h('strong', 'Hello filthy planet')) | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('should expose a public API', function (t) { | ||
| var app = choo() | ||
|
|
||
| t.equal(typeof app.route, 'function', 'app.route prototype method exists') | ||
| t.equal(typeof app.toString, 'function', 'app.toString prototype method exists') | ||
| t.equal(typeof app.start, 'function', 'app.start prototype method exists') | ||
| t.equal(typeof app.mount, 'function', 'app.mount prototype method exists') | ||
| t.equal(typeof app.emitter, 'object', 'app.emitter prototype method exists') | ||
|
|
||
| t.equal(typeof app.emit, 'function', 'app.emit instance method exists') | ||
| t.equal(typeof app.router, 'object', 'app.router instance object exists') | ||
| t.equal(typeof app.state, 'object', 'app.state instance object exists') | ||
|
|
||
| t.end() | ||
| }) | ||
|
|
||
| tape('should enable history and hash by defaut', function (t) { | ||
| var app = choo() | ||
| t.true(app._historyEnabled, 'history enabled') | ||
| t.true(app._hrefEnabled, 'href enabled') | ||
| t.end() | ||
| }) | ||
|
|
||
| tape('router should pass state and emit to view', function (t) { | ||
| t.plan(2) | ||
| var app = choo() | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| t.equal(typeof state, 'object', 'state is an object') | ||
| t.equal(typeof emit, 'function', 'emit is a function') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('router should support a default route', function (t) { | ||
| t.plan(1) | ||
| var app = choo() | ||
| var container = init('/random') | ||
| app.route('*', function (state, emit) { | ||
| t.pass() | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('router should treat hashes as slashes by default', function (t) { | ||
| t.plan(1) | ||
| var app = choo() | ||
| var container = init('/account#security') | ||
| app.route('/account/security', function (state, emit) { | ||
| t.pass() | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('router should ignore hashes if hash is disabled', function (t) { | ||
| t.plan(1) | ||
| var app = choo({ hash: false }) | ||
| var container = init('/account#security') | ||
| app.route('/account', function (state, emit) { | ||
| t.pass() | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('cache should default to 100 instances', function (t) { | ||
| t.plan(1) | ||
| var app = choo() | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| for (var i = 0; i <= 100; i++) state.cache(Component, i) | ||
| state.cache(Component, 0) | ||
| return html`<div></div>` | ||
|
|
||
| function Component (id) { | ||
| if (id < i) t.pass('oldest instance was pruned when exceeding 100') | ||
| } | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('cache option should override number of max instances', function (t) { | ||
| t.plan(1) | ||
| var app = choo({ cache: 1 }) | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| var instances = 0 | ||
| state.cache(Component, instances) | ||
| state.cache(Component, instances) | ||
| state.cache(Component, 0) | ||
| return html`<div></div>` | ||
|
|
||
| function Component (id) { | ||
| if (id < instances) t.pass('oldest instance was pruned when exceeding 1') | ||
| instances++ | ||
| } | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('cache option should override default LRU cache', function (t) { | ||
| t.plan(2) | ||
| var cache = { | ||
| get (Component, id) { | ||
| t.pass('called get') | ||
| }, | ||
| set (Component, id) { | ||
| t.pass('called set') | ||
| } | ||
| } | ||
| var app = choo({ cache: cache }) | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| state.cache(Component, 'foo') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
|
|
||
| function Component () {} | ||
| }) | ||
|
|
||
| // built-in state | ||
|
|
||
| tape('state should include events', function (t) { | ||
| t.plan(2) | ||
| var app = choo() | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| t.ok(state.hasOwnProperty('events'), 'state has event property') | ||
| t.ok(Object.keys(state.events).length > 0, 'events object has keys') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('state should include location on render', function (t) { | ||
| t.plan(6) | ||
| var app = choo() | ||
| var container = init('/foo/bar/file.txt?bin=baz') | ||
| app.route('/:first/:second/*', function (state, emit) { | ||
| var params = { first: 'foo', second: 'bar', wildcard: 'file.txt' } | ||
| t.equal(state.href, '/foo/bar/file.txt', 'state has href') | ||
| t.equal(state.route, ':first/:second/*', 'state has route') | ||
| t.ok(state.hasOwnProperty('params'), 'state has params') | ||
| t.deepEqual(state.params, params, 'params match') | ||
| t.ok(state.hasOwnProperty('query'), 'state has query') | ||
| t.deepEqual(state.query, { bin: 'baz' }, 'query match') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('state should include title', function (t) { | ||
| t.plan(3) | ||
| document.title = 'foo' | ||
| var app = choo() | ||
| var container = init() | ||
| t.equal(app.state.title, 'foo', 'title is match') | ||
| app.use(function (state, emitter) { | ||
| emitter.on(state.events.DOMTITLECHANGE, function (title) { | ||
| t.equal(state.title, 'bar', 'title is changed in state') | ||
| t.equal(document.title, 'bar', 'title is changed in document') | ||
| }) | ||
| }) | ||
| app.route('/', function (state, emit) { | ||
| emit(state.events.DOMTITLECHANGE, 'bar') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
| }) | ||
|
|
||
| tape('state should include cache', function (t) { | ||
| t.plan(6) | ||
| var app = choo() | ||
| var container = init() | ||
| app.route('/', function (state, emit) { | ||
| t.equal(typeof state.cache, 'function', 'state has cache method') | ||
| var cached = state.cache(Component, 'foo', 'arg') | ||
| t.equal(cached, state.cache(Component, 'foo'), 'consecutive calls return same instance') | ||
| return html`<div></div>` | ||
| }) | ||
| app.mount(container) | ||
|
|
||
| function Component (id, state, emit, arg) { | ||
| t.equal(id, 'foo', 'id was prefixed to constructor args') | ||
| t.equal(typeof state, 'object', 'state was prefixed to constructor args') | ||
| t.equal(typeof emit, 'function', 'emit was prefixed to constructor args') | ||
| t.equal(arg, 'arg', 'constructor args were forwarded') | ||
| } | ||
| }) | ||
|
|
||
| // create application container and set location | ||
| // (str?, str?) -> Element | ||
| function init (location, type) { | ||
| location = location ? location.split('#') : ['/', ''] | ||
| window.history.replaceState({}, document.title, location[0]) | ||
| window.location.hash = location[1] || '' | ||
| var container = document.createElement(type || 'div') | ||
| document.body.appendChild(container) | ||
| return container | ||
| } |
Oops, something went wrong.