From 619da2abac0363a6d0ce555e770f760b31d53ea0 Mon Sep 17 00:00:00 2001
From: Jason Garber <jason@sixtwothree.org>
Date: Mon, 2 Apr 2018 21:23:46 -0400
Subject: [PATCH] Add AMD/Node module support, add specs, update docs, bump
 version to 0.2.0

---
 .eslintignore                |   1 +
 .eslintrc.yml                |   3 +
 CONTRIBUTING.md              |   7 +-
 README.md                    |  17 ++--
 bower.json                   |   6 +-
 dist/templatetemplate.js     |  20 +++-
 dist/templatetemplate.min.js |   4 +-
 example/index.html           |   7 +-
 package-lock.json            | 181 ++++++++++++++++++++++++++++++++++-
 package.json                 |  12 ++-
 scripts/build.js             |  16 ++--
 scripts/stats.js             |   8 +-
 spec/console-runner.js       | 104 ++++++++++++++++++++
 spec/runner.html             |  19 ++++
 spec/spec.js                 | 117 ++++++++++++++++++++++
 src/templatetemplate.js      |  19 +++-
 16 files changed, 505 insertions(+), 36 deletions(-)
 create mode 100644 spec/console-runner.js
 create mode 100644 spec/runner.html
 create mode 100644 spec/spec.js

diff --git a/.eslintignore b/.eslintignore
index 111d7b3..b81cbf8 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,2 +1,3 @@
 dist/*
 scripts/*
+spec/*
diff --git a/.eslintrc.yml b/.eslintrc.yml
index 5f36ba6..2764ec5 100644
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
@@ -2,6 +2,9 @@ env:
   browser: true
   es6: true
 extends: 'eslint:recommended'
+globals:
+  define: true
+  module: true
 rules:
   indent:
     - error
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index bb79442..430c23e 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -27,9 +27,10 @@ Contributing to TemplateTemplate is pretty straightforward:
 2. Install development dependencies by running `npm install` from the root of the project.
 3. Create a feature branch for the issue or new feature you're looking to tackle: `git checkout -b your-descriptive-branch-name`.
 4. _Write some code!_
-5. Commit your changes: `git commit -am 'Add some new feature or fix some issue'`.
-6. Push the branch to your fork of TemplateTemplate: `git push origin your-descriptive-branch-name`.
-7. Create a new Pull Request and I'll give it a look!
+5. If your changes would benefit from testing, add the necessary tests and verify everything passes by running `npm test`.
+6. Commit your changes: `git commit -am 'Add some new feature or fix some issue'`.
+7. Push the branch to your fork of TemplateTemplate: `git push origin your-descriptive-branch-name`.
+8. Create a new Pull Request and I'll give it a look!
 
 ## "But what files do I change?!?"
 
diff --git a/README.md b/README.md
index f199b26..f59200a 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,7 @@
 
 - Uses established Web standards (e.g. `<template>`, `document.querySelector`)
 - Dependency-free
+- AMD/Node module support
 
 TemplateTemplate is also really tiny:
 
@@ -20,15 +21,15 @@ TemplateTemplate is also really tiny:
   <tbody>
     <tr>
       <th>Uncompressed</th>
-      <td>1,452 bytes</td>
+      <td>1,839 bytes</td>
     </tr>
     <tr>
       <th>Minified</th>
-      <td>841 bytes</td>
+      <td>1,092 bytes</td>
     </tr>
     <tr>
       <th>Minified and gzipped</th>
-      <td>494 bytes</td>
+      <td>582 bytes</td>
     </tr>
   </tbody>
 </table>
@@ -37,7 +38,7 @@ TemplateTemplate is also really tiny:
 
 You've got a couple options for adding TemplateTemplate to your project:
 
-- [Download a tagged version](https://github.com/jgarber623/TemplateTemplate/tags) from GitHub and do it yourself (old school).
+- [Download a tagged version](https://github.com/jgarber623/TemplateTemplate/tags) from GitHub and do it yourself _(old school)_.
 - Install using [npm](https://www.npmjs.com/package/@jgarber/templatetemplate): `npm install @jgarber/templatetemplate --save`
 - Install using [Yarn](https://yarnpkg.com/en/package/@jgarber/templatetemplate): `yarn add @jgarber/templatetemplate`
 - Install using [Bower](https://bower.io/search/?q=templatetemplate): `bower install templatetemplate --save`
@@ -178,6 +179,10 @@ TemplateTemplate('#row-template', {
 })
 ```
 
+### Example
+
+For a full-featured TemplateTemplate demonstration, check out [the included example file](https://github.com/jgarber623/TemplateTemplate/blob/master/example/index.html).
+
 ## Browser Support
 
 TemplateTemplate works in all modern browsers. The library makes use of several new(ish) JavaScript features, including:
@@ -199,9 +204,9 @@ TemplateTemplate, in an effort to remain as lightweight and dependency-free as p
 
 ## Acknowledgments
 
-TemplateTemplate is written and maintained by [Jason Garber](https://sixtwothree.org/) and is another in a growing collection of small, curiously-named JavaScript utilities:
+TemplateTemplate is written and maintained by [Jason Garber](https://sixtwothree.org) and is another in a growing collection of small, curiously-named JavaScript utilities:
 
-- [CashCash](https://github.com/jgarber623/CashCash), a very small DOM library inspired by jQuery.
+- [CashCash](https://github.com/jgarber623/CashCash), a very small DOM library inspired by [jQuery](https://jquery.com).
 - [RadioRadio](https://github.com/jgarber623/RadioRadio), a very small [PubSub](https://en.wikipedia.org/wiki/Publish–subscribe_pattern) library.
 - [RouterRouter](https://github.com/jgarber623/RouterRouter), a very small routing library extracted from [Backbone's Router](http://backbonejs.org/docs/backbone.html#section-185).
 
diff --git a/bower.json b/bower.json
index 28958cf..2200504 100644
--- a/bower.json
+++ b/bower.json
@@ -1,9 +1,10 @@
 {
   "name": "templatetemplate",
   "description": "A very small JavaScript <template> manipulation library.",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "main": "dist/templatetemplate.js",
   "moduleType": [
+    "amd",
     "globals"
   ],
   "license": "MIT",
@@ -16,7 +17,10 @@
   ],
   "keywords": [
     "dom",
+    "dom-library",
+    "dom-manipulation",
     "javascript",
+    "queryselector",
     "template"
   ],
   "authors": [
diff --git a/dist/templatetemplate.js b/dist/templatetemplate.js
index 10ee8f0..2713746 100644
--- a/dist/templatetemplate.js
+++ b/dist/templatetemplate.js
@@ -1,5 +1,5 @@
 /*!
- *  TemplateTemplate 0.1.5
+ *  TemplateTemplate 0.2.0
  *
  *  A very small JavaScript <template> manipulation library.
  *
@@ -11,16 +11,26 @@
  */
 
 (function(root, factory) {
-  root.TemplateTemplate = factory(root.document);
-})(this, function(document) {
+  if (typeof define === "function" && define.amd) {
+    define([], factory);
+  } else if (typeof module === "object" && module.exports) {
+    module.exports = factory();
+  } else {
+    root.TemplateTemplate = factory();
+  }
+})(typeof self !== "undefined" ? self : this, function() {
   "use strict";
   return function(template, insertions) {
     template = template instanceof HTMLElement ? template : document.querySelector(template);
-    if (template === null) {
+    insertions = insertions || {};
+    if (template === null || !(template instanceof HTMLTemplateElement)) {
       throw new TypeError(template + " is not an HTMLTemplateElement");
     }
+    if (typeof insertions !== "object") {
+      throw new TypeError(insertions + " is not an Object");
+    }
     var importedNode = document.importNode(template.content, true);
-    Object.entries(insertions || {}).forEach(function(insertionArray) {
+    Object.entries(insertions).forEach(function(insertionArray) {
       var currentNode = importedNode.querySelector(insertionArray[0]), insertionValue = insertionArray[1];
       if (insertionValue instanceof Array) {
         Object.entries(insertionValue[1]).forEach(function(attributesArray) {
diff --git a/dist/templatetemplate.min.js b/dist/templatetemplate.min.js
index 9699810..257f8f6 100644
--- a/dist/templatetemplate.min.js
+++ b/dist/templatetemplate.min.js
@@ -1,5 +1,5 @@
 /*!
- *  TemplateTemplate 0.1.5
+ *  TemplateTemplate 0.2.0
  *
  *  A very small JavaScript <template> manipulation library.
  *
@@ -10,4 +10,4 @@
  *  TemplateTemplate may be freely distributed under the MIT license.
  */
 
-!function(e,t){e.TemplateTemplate=function(e){"use strict";return function(t,n){if(null===(t=t instanceof HTMLElement?t:e.querySelector(t)))throw new TypeError(t+" is not an HTMLTemplateElement");var r=e.importNode(t.content,!0);return Object.entries(n||{}).forEach(function(e){var t=r.querySelector(e[0]),n=e[1];n instanceof Array&&(Object.entries(n[1]).forEach(function(e){t.setAttribute(e[0],e[1])}),n=n[0]),n instanceof DocumentFragment||n instanceof HTMLElement?t.appendChild(n):t.textContent=n}),r}}(e.document)}(this);
\ No newline at end of file
+!function(e,t){"function"==typeof define&&define.amd?define([],t):"object"==typeof module&&module.exports?module.exports=t():e.TemplateTemplate=t()}("undefined"!=typeof self?self:this,function(){"use strict";return function(e,t){if(e=e instanceof HTMLElement?e:document.querySelector(e),t=t||{},null===e||!(e instanceof HTMLTemplateElement))throw new TypeError(e+" is not an HTMLTemplateElement");if("object"!=typeof t)throw new TypeError(t+" is not an Object");var n=document.importNode(e.content,!0);return Object.entries(t).forEach(function(e){var t=n.querySelector(e[0]),o=e[1];o instanceof Array&&(Object.entries(o[1]).forEach(function(e){t.setAttribute(e[0],e[1])}),o=o[0]),o instanceof DocumentFragment||o instanceof HTMLElement?t.appendChild(o):t.textContent=o}),n}});
\ No newline at end of file
diff --git a/example/index.html b/example/index.html
index fcc4950..ea0bd7f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -11,6 +11,7 @@
     body {
       color: #333;
       font-family: sans-serif;
+      line-height: 1.5;
       padding: 3rem;
     }
 
@@ -30,9 +31,9 @@
     }
 
     caption {
-      font-size: 2rem;
+      font-size: 1.25rem;
       font-weight: bold;
-      margin-bottom: 1rem;
+      margin-bottom: 0.5rem;
       text-align: left;
     }
 
@@ -62,6 +63,8 @@
 </head>
 <body>
 
+  <h1>TemplateTemplate: Example</h1>
+
   <table id="projects">
     <caption>A table of open source projects.</caption>
     <thead>
diff --git a/package-lock.json b/package-lock.json
index 232e289..0170b79 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@jgarber/templatetemplate",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -27,6 +27,15 @@
         }
       }
     },
+    "agent-base": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-4.2.0.tgz",
+      "integrity": "sha512-c+R/U5X+2zz2+UCrCFv6odQzJdoqI+YecuhnAJLa1zYaMc13zPfwMwZrr91Pd1DYNo/yPRbiM4WVf9whgwFsIg==",
+      "dev": true,
+      "requires": {
+        "es6-promisify": "5.0.0"
+      }
+    },
     "ajv": {
       "version": "5.5.2",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
@@ -104,6 +113,12 @@
       "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
       "dev": true
     },
+    "async-limiter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
+      "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==",
+      "dev": true
+    },
     "babel-code-frame": {
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
@@ -405,6 +420,21 @@
       "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
       "dev": true
     },
+    "es6-promise": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.4.tgz",
+      "integrity": "sha512-/NdNZVJg+uZgtm9eS3O6lrOLYmQag2DjdEXuPaHlZ6RuVqgqaVZfgYCepEIKsLqwdQArOPtC3XzRLqGGfT8KQQ==",
+      "dev": true
+    },
+    "es6-promisify": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/es6-promisify/-/es6-promisify-5.0.0.tgz",
+      "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=",
+      "dev": true,
+      "requires": {
+        "es6-promise": "4.2.4"
+      }
+    },
     "escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
@@ -530,6 +560,49 @@
         "tmp": "0.0.33"
       }
     },
+    "extract-zip": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-1.6.6.tgz",
+      "integrity": "sha1-EpDt6NINCHK0Kf0/NRyhKOxe+Fw=",
+      "dev": true,
+      "requires": {
+        "concat-stream": "1.6.0",
+        "debug": "2.6.9",
+        "mkdirp": "0.5.0",
+        "yauzl": "2.4.1"
+      },
+      "dependencies": {
+        "concat-stream": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.0.tgz",
+          "integrity": "sha1-CqxmL9Ur54lk1VMvaUeE5wEQrPc=",
+          "dev": true,
+          "requires": {
+            "inherits": "2.0.3",
+            "readable-stream": "2.3.5",
+            "typedarray": "0.0.6"
+          }
+        },
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        },
+        "mkdirp": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.0.tgz",
+          "integrity": "sha1-HXMHam35hs2TROFecfzAWkyavxI=",
+          "dev": true,
+          "requires": {
+            "minimist": "0.0.8"
+          }
+        }
+      }
+    },
     "fast-deep-equal": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
@@ -548,6 +621,15 @@
       "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
       "dev": true
     },
+    "fd-slicer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.0.1.tgz",
+      "integrity": "sha1-i1vL2ewyfFBBv5qwI/1nUPEXfmU=",
+      "dev": true,
+      "requires": {
+        "pend": "1.2.0"
+      }
+    },
     "figures": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
@@ -664,6 +746,16 @@
       "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
       "dev": true
     },
+    "https-proxy-agent": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-2.2.1.tgz",
+      "integrity": "sha512-HPCTS1LW51bcyMYbxUIOO4HEOlQ1/1qRaFWcyxvwaqUS9TY88aoEuHUY33kuAh1YhVVaDQhLZsnPd+XNARWZlQ==",
+      "dev": true,
+      "requires": {
+        "agent-base": "4.2.0",
+        "debug": "3.1.0"
+      }
+    },
     "iconv-lite": {
       "version": "0.4.19",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
@@ -780,6 +872,22 @@
       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
+    "jasmine": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jasmine/-/jasmine-3.1.0.tgz",
+      "integrity": "sha1-K9Wf1+xuwOistk4J9Fpo7SrRlSo=",
+      "dev": true,
+      "requires": {
+        "glob": "7.1.2",
+        "jasmine-core": "3.1.0"
+      }
+    },
+    "jasmine-core": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jasmine-core/-/jasmine-core-3.1.0.tgz",
+      "integrity": "sha1-pHheE11d9lAk38kiSVPfWFvSdmw=",
+      "dev": true
+    },
     "js-tokens": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
@@ -855,6 +963,12 @@
         "yallist": "2.1.2"
       }
     },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true
+    },
     "mimic-fn": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-1.2.0.tgz",
@@ -967,6 +1081,12 @@
       "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
       "dev": true
     },
+    "pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA=",
+      "dev": true
+    },
     "pify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -1012,12 +1132,45 @@
       "integrity": "sha1-ihvjZr+Pwj2yvSPxDG/pILQ4nR8=",
       "dev": true
     },
+    "proxy-from-env": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
+      "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=",
+      "dev": true
+    },
     "pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
       "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
       "dev": true
     },
+    "puppeteer": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-1.2.0.tgz",
+      "integrity": "sha512-4sY/6mB7+kNPGAzPGKq65tH0VG3ohUEkXHuOReB9K/tw3m1TqifYmxnMR/uDeci/UPwyk5K1gWYh8rw0U0Zscw==",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "extract-zip": "1.6.6",
+        "https-proxy-agent": "2.2.1",
+        "mime": "1.6.0",
+        "progress": "2.0.0",
+        "proxy-from-env": "1.0.0",
+        "rimraf": "2.6.2",
+        "ws": "3.3.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "2.6.9",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+          "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+          "dev": true,
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
     "readable-stream": {
       "version": "2.3.5",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.5.tgz",
@@ -1283,6 +1436,12 @@
       "dev": true,
       "optional": true
     },
+    "ultron": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz",
+      "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og==",
+      "dev": true
+    },
     "util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -1325,6 +1484,17 @@
         "mkdirp": "0.5.1"
       }
     },
+    "ws": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+      "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+      "dev": true,
+      "requires": {
+        "async-limiter": "1.0.0",
+        "safe-buffer": "5.1.1",
+        "ultron": "1.1.1"
+      }
+    },
     "yallist": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
@@ -1342,6 +1512,15 @@
         "decamelize": "1.2.0",
         "window-size": "0.1.0"
       }
+    },
+    "yauzl": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.4.1.tgz",
+      "integrity": "sha1-lSj0QtqxsihOWLQ3m7GU4i4MQAU=",
+      "dev": true,
+      "requires": {
+        "fd-slicer": "1.0.1"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index 6978911..902f889 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,13 @@
 {
   "name": "@jgarber/templatetemplate",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "description": "A very small JavaScript <template> manipulation library.",
   "keywords": [
     "dom",
+    "dom-library",
+    "dom-manipulation",
     "javascript",
+    "queryselector",
     "template"
   ],
   "homepage": "https://github.com/jgarber623/TemplateTemplate",
@@ -28,8 +31,9 @@
   "scripts": {
     "build": "./scripts/build.js; ./scripts/stats.js",
     "stats": "./scripts/stats.js",
-    "test": "npm run test:lint",
-    "test:lint": "$(npm bin)/eslint ."
+    "test": "npm run test:lint && npm run test:specs",
+    "test:lint": "$(npm bin)/eslint .",
+    "test:specs": "node ./spec/console-runner.js file:///`pwd`/spec/runner.html"
   },
   "devDependencies": {
     "cli-table": "^0.3.1",
@@ -37,6 +41,8 @@
     "comma-number": "^2.0.0",
     "eslint": "^4.19.1",
     "gzip-size": "^4.1.0",
+    "jasmine": "^3.1.0",
+    "puppeteer": "^1.2.0",
     "uglify-js": "^2.8.29"
   }
 }
diff --git a/scripts/build.js b/scripts/build.js
index ab934d8..e1f8177 100755
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -4,20 +4,24 @@ const colors = require('colors');
 const exec = require('child_process').exec;
 const pkg = require('../package.json');
 
+const basename = 'templatetemplate'
+const packageName = 'TemplateTemplate';
+const releaseYear = 2018;
+
 const preamble = `/*!
- *  TemplateTemplate ${pkg.version}
+ *  ${packageName} ${pkg.version}
  *
  *  ${pkg.description}
  *
  *  Source code available at: ${pkg.homepage}
  *
- *  (c) 2018-present ${pkg.author.name} (${pkg.author.url})
+ *  (c) ${releaseYear}-present ${pkg.author.name} (${pkg.author.url})
  *
- *  TemplateTemplate may be freely distributed under the ${pkg.license} license.
+ *  ${packageName} may be freely distributed under the ${pkg.license} license.
  */
 `;
 
-exec(`$(npm bin)/uglifyjs src/templatetemplate.js --beautify 'indent-level=2' --preamble '${preamble}' --output dist/templatetemplate.js`);
-exec(`$(npm bin)/uglifyjs src/templatetemplate.js --compress --mangle --preamble '${preamble}' --output dist/templatetemplate.min.js`);
+exec(`$(npm bin)/uglifyjs src/${basename}.js --beautify 'indent-level=2' --preamble '${preamble}' --output dist/${basename}.js`);
+exec(`$(npm bin)/uglifyjs src/${basename}.js --compress --mangle --preamble '${preamble}' --output dist/${basename}.min.js`);
 
-console.log(colors.green(`TemplateTemplate ${pkg.version} built successfully!`));
+console.log(colors.green(`${packageName} ${pkg.version} built successfully!`));
diff --git a/scripts/stats.js b/scripts/stats.js
index a85e0f1..09b3022 100755
--- a/scripts/stats.js
+++ b/scripts/stats.js
@@ -5,6 +5,8 @@ const commaNumber = require('comma-number');
 const fs = require('fs');
 const gzipSize = require('gzip-size');
 
+const basename = 'templatetemplate';
+
 const table = new cliTable({
   style: {
     head: ['cyan']
@@ -12,9 +14,9 @@ const table = new cliTable({
 });
 
 table.push(
-  { 'Uncompressed': `${commaNumber(fs.statSync('dist/templatetemplate.js').size)} bytes` },
-  { 'Minified': `${commaNumber(fs.statSync('dist/templatetemplate.min.js').size)} bytes` },
-  { 'Minified + gzipped': `${commaNumber(gzipSize.sync(fs.readFileSync('dist/templatetemplate.min.js')))} bytes` }
+  { 'Uncompressed': `${commaNumber(fs.statSync(`dist/${basename}.js`).size)} bytes` },
+  { 'Minified': `${commaNumber(fs.statSync(`dist/${basename}.min.js`).size)} bytes` },
+  { 'Minified + gzipped': `${commaNumber(gzipSize.sync(fs.readFileSync(`dist/${basename}.min.js`)))} bytes` }
 );
 
 console.log(table.toString());
diff --git a/spec/console-runner.js b/spec/console-runner.js
new file mode 100644
index 0000000..078099b
--- /dev/null
+++ b/spec/console-runner.js
@@ -0,0 +1,104 @@
+const puppeteer = require('puppeteer');
+
+const failedStatus =  { color: 31, text: 'F' };
+const passedStatus =  { color: 32, text: '.' };
+const pendingStatus = { color: 33, text: '*' };
+
+function colorizedText(color, text) {
+  return '\033[' + color + 'm' + text + '\033[0m';
+};
+
+puppeteer.launch({ args: ['--no-sandbox'] }).then(async browser => {
+  console.log('Started');
+
+  const page = await browser.newPage();
+
+  let statuses =     [];
+  let pendingSpecs = [];
+  let failedSpecs =  [];
+
+  await page.goto(process.argv[2]);
+  await page.waitForSelector('.jasmine-duration');
+
+  const [executionTime, specs, stats] = await page.evaluate(() => {
+    return [
+      jsApiReporter.executionTime(),
+      jsApiReporter.specs(),
+      document.querySelector('.jasmine-alert > .jasmine-bar').textContent
+    ]
+  });
+
+  specs.forEach(spec => {
+    switch(spec.status) {
+      case 'failed':
+        statuses.push(failedStatus);
+
+        failedSpecs.push({
+          name: spec.fullName,
+          messages: spec.failedExpectations.map(expectation => {
+            return expectation.message;
+          })
+        });
+
+        break;
+      case 'pending':
+        statuses.push(pendingStatus);
+
+        pendingSpecs.push({
+          name: spec.fullName,
+          reason: spec.pendingReason
+        });
+
+        break;
+      default:
+        statuses.push(passedStatus);
+    }
+  });
+
+  console.log(statuses.map(status => {
+    return colorizedText(status.color, status.text);
+  }).join(''));
+
+  console.log('');
+
+  if (pendingSpecs.length) {
+    console.log('Pending:', '');
+    console.log('');
+
+    pendingSpecs.forEach((spec, index) => {
+      let normalizedIndex = index + 1;
+
+      console.log(`  ${normalizedIndex}) ${spec.name}`);
+      console.log(colorizedText(33, `     ${normalizedIndex > 9 ? ' ' : ''}${spec.reason.length ? spec.reason : 'No reason given'}`));
+      console.log('');
+    });
+
+    console.log('');
+  }
+
+  if (failedSpecs.length) {
+    console.log('Failures:');
+    console.log('');
+
+    failedSpecs.forEach((spec, index) => {
+      let normalizedIndex = index + 1;
+
+      console.log(`  ${normalizedIndex}) ${spec.name}`);
+
+      spec.messages.forEach(message => {
+        console.log(`     ${normalizedIndex > 9 ? ' ' : ''}Error: ${colorizedText(31, message)}`);
+      });
+
+      console.log('');
+    });
+
+    console.log('');
+  }
+
+  console.log(stats);
+  console.log('Finished in ' + (executionTime / 1000) + ' seconds');
+
+  await browser.close();
+
+  process.exit(failedSpecs.length ? 1 : 0);
+});
diff --git a/spec/runner.html b/spec/runner.html
new file mode 100644
index 0000000..ff22cb9
--- /dev/null
+++ b/spec/runner.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+
+  <title>TemplateTemplate: Specs</title>
+
+  <link rel="shortcut icon" href="../node_modules/jasmine-core/images/jasmine_favicon.png">
+  <link rel="stylesheet" href="../node_modules/jasmine-core/lib/jasmine-core/jasmine.css">
+
+  <script src="../node_modules/jasmine-core/lib/jasmine-core/jasmine.js"></script>
+  <script src="../node_modules/jasmine-core/lib/jasmine-core/jasmine-html.js"></script>
+  <script src="../node_modules/jasmine-core/lib/jasmine-core/boot.js"></script>
+  <script src="../src/templatetemplate.js"></script>
+  <script src="./spec.js"></script>
+</head>
+<body>
+</body>
+</html>
diff --git a/spec/spec.js b/spec/spec.js
new file mode 100644
index 0000000..ffba6bf
--- /dev/null
+++ b/spec/spec.js
@@ -0,0 +1,117 @@
+describe('TemplateTemplate', () => {
+  const typeErrorMessage = /is not an HTMLTemplateElement$/;
+
+  function buildTemplateElement(id = 'templ', innerHTML = '<div><a></a></div>') {
+    const $template = document.createElement('template');
+
+    $template.id = id;
+    $template.innerHTML = innerHTML;
+
+    return $template;
+  }
+
+  it('is a function', () => {
+    expect(typeof TemplateTemplate).toBe('function');
+  });
+
+  describe('when `template` argument is null', () => {
+    it('throws an error', () => {
+      expect(() => TemplateTemplate()).toThrowError(TypeError, typeErrorMessage);
+    });
+  });
+
+  describe('when `template` argument is not an HTMLTemplateElement', () => {
+    it('throws an error', () => {
+      expect(() => TemplateTemplate(document.createElement('div'))).toThrowError(TypeError, typeErrorMessage);
+    });
+  });
+
+  describe('when `template` argument references an element that does not exist', () => {
+    it('throws an error', () => {
+      expect(() => TemplateTemplate('#foo')).toThrowError(TypeError, typeErrorMessage);
+    });
+  });
+
+  describe('when `template` argument is an HTMLElement', () => {
+    beforeAll(() => document.body.appendChild(buildTemplateElement()));
+
+    it('returns a DocumentFragment', () => {
+      const $templ = document.querySelector('#templ');
+
+      expect(TemplateTemplate($templ) instanceof DocumentFragment).toBe(true);
+    });
+
+    it('returns an empty `<a>`', () => {
+      const $templ = document.querySelector('#templ');
+      const $div = TemplateTemplate($templ).querySelector('div');
+
+      expect($div).not.toBe(null);
+      expect($div.innerHTML).toBe('<a></a>');
+    });
+  });
+
+  describe('when `template` argument is a string', () => {
+    beforeAll(() => document.body.appendChild(buildTemplateElement()));
+
+    it('returns a DocumentFragment', () => {
+      expect(TemplateTemplate('#templ') instanceof DocumentFragment).toBe(true);
+    });
+
+    it('returns an empty `<a>`', () => {
+      const $div = TemplateTemplate('#templ').querySelector('div');
+
+      expect($div).not.toBe(null);
+      expect($div.innerHTML).toBe('<a></a>');
+    });
+  });
+
+  describe('when `insertions` argument is not an object', () => {
+    it('throws an error', () => {
+      expect(() => TemplateTemplate(document.createElement('template'), 'foo')).toThrowError(TypeError, /is not an Object/);
+    });
+  });
+
+  describe('when `insertions` argument is an object', () => {
+    beforeAll(() => document.body.appendChild(buildTemplateElement()));
+
+    it('renders simple text content', () => {
+      const $div = TemplateTemplate('#templ', {
+        'a': 'foo'
+      }).querySelector('div');
+
+      expect($div.innerHTML).toBe('<a>foo</a>');
+    });
+
+    it('renders simple text content and HTML attributes', () => {
+      const $div = TemplateTemplate('#templ', {
+        'a': ['foo', {
+          'href': 'https://example.com'
+        }]
+      }).querySelector('div');
+
+      expect($div.innerHTML).toBe('<a href="https://example.com">foo</a>');
+    });
+
+    it('renders an HTMLElement', () => {
+      const $div = TemplateTemplate('#templ', {
+        'a': document.createElement('span')
+      }).querySelector('div');
+
+      expect($div.innerHTML).toBe('<a><span></span></a>');
+    });
+
+    it('renders a DocumentFragment', () => {
+      document.body.appendChild(buildTemplateElement('templ2', '<b></b>'));
+
+      const $div = TemplateTemplate('#templ', {
+        'a': TemplateTemplate('#templ2', {
+          'b': ['foo', {
+            'class': 'bar'
+          }]
+        })
+      }).querySelector('div');
+
+      expect($div.innerHTML).toBe('<a><b class="bar">foo</b></a>');
+    });
+  });
+});
diff --git a/src/templatetemplate.js b/src/templatetemplate.js
index db46324..8cfee4f 100644
--- a/src/templatetemplate.js
+++ b/src/templatetemplate.js
@@ -1,18 +1,29 @@
 (function(root, factory) {
-  root.TemplateTemplate = factory(root.document);
-}(this, function(document) {
+  if (typeof define === 'function' && define.amd) {
+    define([], factory);
+  } else if (typeof module === 'object' && module.exports) {
+    module.exports = factory();
+  } else {
+    root.TemplateTemplate = factory();
+  }
+}(typeof self !== 'undefined' ? self : this, function() {
   'use strict';
 
   return function(template, insertions) {
     template = template instanceof HTMLElement ? template : document.querySelector(template);
+    insertions = insertions || {};
 
-    if (template === null) {
+    if (template === null || !(template instanceof HTMLTemplateElement)) {
       throw new TypeError(template + ' is not an HTMLTemplateElement');
     }
 
+    if (typeof insertions !== 'object') {
+      throw new TypeError(insertions + ' is not an Object');
+    }
+
     var importedNode = document.importNode(template.content, true);
 
-    Object.entries(insertions || {}).forEach(function(insertionArray) {
+    Object.entries(insertions).forEach(function(insertionArray) {
       var currentNode = importedNode.querySelector(insertionArray[0]),
           insertionValue = insertionArray[1];