implement basic test suite

- based on tape and testling
- does not currently work on testling-ci
- this is probably testling-ci's fault
- does work quite nicely locally
- tape-testing/testling#68

.gitignore

@@ -3,3 +3,4 @@
 *.lock
 *.DS_Store
 node_modules
+test/bundle.js

CONTRIBUTING.md

@@ -0,0 +1,13 @@
+Contributing
+------------
+
+### Running the Tests
+
+1. Make sure [nodejs](http://nodejs.org) is installed
+2. Run `npm install -g browserify testling; npm i` from your command line
+3. Run `npm test` from your command line and check the console
+
+### Seeing the Tests in Browser
+1. Follow steps 1 and 2 above
+2. Run `npm run browser`
+3. See the animations happen, open your browser console to see test output

README.md

@@ -3,6 +3,7 @@ A simple way to create and maintain how elements fade in, triggered when they en
 
 [![scrollReveal version](https://badge.fury.io/gh/julianlloyd%2FscrollReveal.js.png)](http://badge.fury.io/gh/julianlloyd%2FscrollReveal.js)
 ***
+
 ####**[→ View Demo ←](http://julianlloyd.me/scrollreveal)**
 ***
 Installation

package.json

@@ -1,13 +1,14 @@
 {
   "name": "scrollReveal.js",
-  "version": "0.0.0",
+  "version": "0.0.4",
   "description": "Declarative on-scroll reveal animations",
   "main": "scrollReveal.js",
   "directories": {
     "test": "test"
   },
   "scripts": {
-    "test": "browserify test/test.js > test/bundle.js; open test/test.html"
+    "test": "browserify test/test.js > test/bundle.js; testling",
+    "browser": "browserify test/test.js > test/bundle.js; open test/test.html"
   },
   "repository": {
     "type": "git",
@@ -19,11 +20,15 @@
     "url": "https://github.com/julianlloyd/scrollReveal.js/issues"
   },
   "testling": {
-    "files": "test/*.js",
+    "html": "test/test.html",
     "browsers": [
       "ie/8..latest",
       "chrome/latest",
-      "firefox/latest"
+      "firefox/latest",
+      "safari/latest",
+      "iphone/6",
+      "ipad/6",
+      "android-browser/latest"
     ]
   },
   "homepage": "https://github.com/julianlloyd/scrollReveal.js",

test/test.html

@@ -0,0 +1,5 @@
+<div class='t1' data-scroll-reveal='enter left and move 50px over 1.33s'>test 1</div>
+
+<script src='dist/scrollReveal.js'></script>
+<script>new scrollReveal</script>
+<script src="test/bundle.js"></script>

test/test.js

@@ -0,0 +1,7 @@
+var test = require('tape');
+
+test('basic', function(t){
+  var test_styles = document.querySelector('div').style;
+  t.equal(test_styles.cssText, '-webkit-transform: translateX(0px); opacity: 1; -webkit-transition-property: all; -webkit-transition-duration: 1.33s; -webkit-transition-timing-function: ease-in-out; -webkit-transition-delay: 0s; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; ');
+  t.end();
+});