Merge pull request #7 from yoshuawuyts/basic-test

Add basic test

Author: developit

package.json

@@ -4,7 +4,7 @@
   "description": "Yosh presents: Choo x React",
   "main": "index.js",
   "scripts": {
-    "deps": "dependency-check . && dependency-check . --extra --no-dev",
+    "deps": "dependency-check . html.js && dependency-check . html.js --extra --no-dev",
     "test": "standard && npm run deps && NODE_ENV=test node test",
     "test:cov": "standard && npm run deps && NODE_ENV=test istanbul cover test.js"
   },
@@ -25,13 +25,14 @@
     "nanoraf": "^2.1.1",
     "preact": "^7.1.0",
     "sheet-router": "4.0.0-0",
-    "xtend": "^4.0.1",
-    "yo-yo": "^1.2.2"
+    "xtend": "^4.0.1"
   },
   "devDependencies": {
     "bankai": "^3.2.0",
     "dependency-check": "^2.6.0",
     "istanbul": "^0.4.5",
+    "jsdom": "^9.9.1",
+    "jsdom-global": "^2.1.1",
     "standard": "^8.0.0",
     "tape": "^4.6.0"
   }

test/index.js

@@ -0,0 +1,34 @@
+require('jsdom-global')('', { url: 'http://localhost:8080/' })
+global.SVGElement = global.Element
+
+const test = require('tape')
+const html = require('../html')
+const rooch = require('../')
+
+test('basic rendering', t => {
+  t.plan(1)
+
+  const app = rooch()
+
+  app.model({
+    state: { title: 'Not quite set yet' },
+    reducers: {
+      update: (data, state) => ({ title: data })
+    }
+  })
+
+  app.router(['/', (state, prev, send) => {
+    return html`
+      <main>
+        <h1>Title: ${state.title}</h1>
+        <input
+          type="text"
+          oninput=${(e) => send('update', e.target.value)}>
+      </main>
+    `
+  }])
+
+  app(document.body)
+
+  t.equal(document.body.innerHTML, `<main>\n        <h1>Title: Not quite set yet</h1>\n        <input type="text">\n    </main>`)
+})