Deprecated for Storybook

Test User eXperience Harness

Build a stand-alone test harness with dynamic data to quickly prototype and isolate your HTML/CSS or examine your JSON document.

Set up your package.json npm init in your project folder
Install with npm:npm install tuxharness --save-dev
- Mac/Unix copy file cp -nv "node_modules/tuxharness/tuxfile.js" "tuxfile.js"
- Windows copy file copy "node_modules/tuxharness/tuxfile.js" "tuxfile.js"
- More example recipes starter sample tuxharness recipe or full sample
Run the harness server
- node ./node_modules/tuxharness/index.js
- or add a script reference to your package.json like "harness": "node ./node_modules/tuxharness/index.js" then execute with npm run harness

port localhost server port number (default is 4000)
static serve static assets (img, js, css, fonts...)
- route is a virtual web path - served by express.js
- directory is the physical path where the static assets are hosted
view
- engines array of template view engine name as defined in npm
- path is the physical path to the views folder - relative from your project root

route is a virtual web path - served by express.js
view is the physical path where the view is hosted - relative to your view folder
data (object) - passed into the view for transformation
data (string) - service call to request JSON data
data (function(callback, util)) - callback argument will async call to gather data passed into the view for transformation
- callback type string/JSON: print to browser
- util type object
  - getIpsumText Lorum Ipsum generator
  - getJsonRoute type function(string route): wraps route name with localhost IP address with port and JSON path

dust.js (sample in test folder)
- npm install dustjs-linkedin --save
Jade (sample in test folder)
- npm install jade --save
Many others supported by Consolidate.js
1. install any additional engines in your project
2. register your view engine in your project's JS file