From 84cb9d5c4b04969fb1e7b99759a3faee436f0300 Mon Sep 17 00:00:00 2001
From: Youri Daamen <me@youz.io>
Date: Fri, 27 May 2016 10:26:33 +0200
Subject: [PATCH] added tests for state true

---
 package.json  | 25 +++++++++++++------------
 test/index.js | 45 +++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 54 insertions(+), 16 deletions(-)

diff --git a/package.json b/package.json
index c053a88..8715526 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,18 @@
     "babel-preset-es2015": "^6.6.0",
     "babelify": "^7.3.0"
   },
+  "devDependencies": {
+    "vigour-state": "^3.0.0",
+    "coveralls": "^2.11.9",
+    "istanbul": "^0.4.3",
+    "nodemon": "^1.9.1",
+    "pre-commit": "^1.1.3",
+    "standard": "^7.0.1",
+    "tap-difflet": "0.4.0",
+    "tape": "^4.4.0",
+    "vigour-doc": "^1.1.5",
+    "watchify-server": "^1.0.2"
+  },
   "browserify": {
     "transform": [
       [
@@ -49,16 +61,5 @@
   "contributors": [
     "Jim de Beer <jim@vigour.io>",
     "Youri Daamen <youri@vigour.io>"
-  ],
-  "devDependencies": {
-    "coveralls": "^2.11.9",
-    "istanbul": "^0.4.3",
-    "nodemon": "^1.9.1",
-    "pre-commit": "^1.1.3",
-    "standard": "^7.0.1",
-    "tap-difflet": "0.4.0",
-    "tape": "^4.4.0",
-    "vigour-doc": "^1.1.5",
-    "watchify-server": "^1.0.2"
-  }
+  ]
 }
diff --git a/test/index.js b/test/index.js
index 69d2ddb..c16a6e2 100644
--- a/test/index.js
+++ b/test/index.js
@@ -2,13 +2,11 @@
 require('brisky-core').prototype.inject(require('../'))
 
 const test = require('tape')
+const s = require('vigour-state/s')
 const render = require('brisky-core/render')
 
 test('static styles', function (t) {
-  var elem
-  t.plan(2)
-
-  elem = render({
+  var elem = render({
     style: {
       padding: '100px'
     }
@@ -27,4 +25,43 @@ test('static styles', function (t) {
     (elem.style.padding === '100px') &&
     (elem.style.margin === '50px'),
     'add multiple styles')
+
+  t.end()
+})
+
+test('state styles', function (t) {
+  var elem = render({
+    style: {
+      display: {
+        $: 'thing'
+      }
+    }
+  }, {
+    thing: 'none'
+  })
+
+  t.equals(elem.style.display, 'none', 'add display property using state')
+
+  const state = s({
+    thing: 'none'
+  })
+
+  elem = render({
+    $: 'thing',
+    style: {
+      display: {
+        $: true
+      }
+    }
+  }, state)
+
+  t.equals(elem.style.display, 'none', 'add display property using state true')
+
+  state.set({
+    thing: 'block'
+  })
+
+  t.equals(elem.style.display, 'block', 'add display property using state true, update')
+
+  t.end()
 })