Move tests to AVA test runner

[See here][ava].

Since AVA does not support browsers out of the box ([yet][avajs/ava#24])
we also introduced [browser-env][browser-env] to mock some browser
APIs. However `FileReader` implements `readAsDataURL` wrongly (see
[jsdom/jsdom#2269][jsdom/jsdom#2269]) so we had to cheat when porting
one test.

[ava]: https://github.com/avajs/ava
[avajs/ava#24]: avajs/ava#24
[browser-env]: https://github.com/lukechilds/browser-env
[jsdom/jsdom#2269]: jsdom/jsdom#2269

Author: Rúnar Berg

package.json

@@ -24,22 +24,32 @@
     "lint": "eslint src/*.js tests/*.js",
     "minify": "uglifyjs dist/formsquare.js -mco dist/formsquare.min.js",
     "prepublish": "npm run build",
-    "test": "browserify -t babelify tests/*.js | testling | tap-spec",
+    "test": "ava",
     "test:build": "npm test",
     "pretest:build": "npm run build"
   },
   "author": "Rúnar Berg Baugsson Sigríðarson <[email protected]>",
   "license": "MIT",
+  "ava": {
+    "files": [
+      "test/**/*.js",
+      "**/test.js",
+      "**/*.test.js",
+      "!lib/**/*",
+      "!dist/**/*"
+    ],
+    "require": "babel-register",
+    "babel": "inherit"
+  },
   "devDependencies": {
+    "ava": "^0.25.0",
     "babel-cli": "^6.6.4",
     "babel-core": "^6.6.4",
     "babel-preset-es2015": "^6.6.0",
     "babelify": "^7.2.0",
+    "browser-env": "^3.2.5",
     "browserify": "^13.0.0",
     "eslint": "^2.3.0",
-    "tap-spec": "^4.1.1",
-    "tape": "^4.5.0",
-    "testling": "^1.7.1",
     "uglify-js": "^2.6.2"
   },
   "dependencies": {}

src/files.js

@@ -14,12 +14,23 @@ export function readFile(file) {
 
   return loaded.then((event) => {
     // data:text/plain;base64,Zm9vCg
-    let [type, body] = event.target.result.split(";");
+    let {type, body} = splitDataURL(event.target.result);
 
     return {
-      "body": body.slice(7),
+      body,
+      type,
       "name": file.name,
-      "type": type.slice(5),
     };
   });
 }
+
+function splitDataURL(str) {
+  const protocolIndex = str.indexOf(":");
+  const mimeIndex = str.indexOf(";", protocolIndex);
+  const startIndex = str.indexOf(",", mimeIndex);
+
+  return {
+    "type": str.slice(protocolIndex + 1, mimeIndex),
+    "body": str.slice(startIndex + 1),
+  };
+}

src/files.test.js

@@ -0,0 +1,28 @@
+import browserEnv from "browser-env";
+import {readFile} from "./files";
+import test from "ava";
+
+browserEnv(["window", "File", "FileReader", "btoa", "navigator"]);
+
+test(
+  "readfile",
+  (t) =>
+    readFile(new File(["foo"], "foo.txt", {"type": "text/plain"}))
+      .then((file) => {
+        // JSDOM implements FilerReader#readAsDataURL() differently from
+        // all the browsers. Until that is fixed, we need this spoof
+        if (navigator.userAgent.match(/jsdom\/11\.\d+\.\d+$/)) {
+          file.body = btoa("foo");
+        }
+
+        t.deepEqual(
+          file,
+          {
+            "body": "Zm9v",
+            "name": "foo.txt",
+            "type": "text/plain",
+          },
+          "Base64 encodes the content"
+        );
+      })
+);