diff --git a/javascripts/tests/runner.html b/javascripts/tests/runner.html
new file mode 100644
index 0000000..8af18e9
--- /dev/null
+++ b/javascripts/tests/runner.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+
+ test markup, will be hidden
+
+
+
+
+
+
\ No newline at end of file
diff --git a/javascripts/tests/tests.js b/javascripts/tests/tests.js
new file mode 100644
index 0000000..5fb3f7d
--- /dev/null
+++ b/javascripts/tests/tests.js
@@ -0,0 +1,41 @@
+$(document).ready(function () {
+
+ module("Table markup creation");
+
+ var data = {
+ "table": {
+ "columns": [
+ {
+ "name": "firstName",
+ "displayName": "First Name"
+ },
+ {
+ "name": "lastName",
+ "displayName": "Last Name"
+ }
+ ]
+ }
+ }
+
+ test("Generate table headers", function () {
+
+ $('#qunit-fixture').tablePlugin(data);
+
+ var table = $('#qunit-fixture');
+ var thead = table.find("thead tr");
+
+ equal(thead.find('th').size(),
+ data.table.columns.length,
+ "Expect number of generated table headers to match number in model");
+
+ equal(thead.find('th').first().html(),
+ data.table.columns[0].displayName,
+ "Expect inner HTML to be display name");
+
+ equal(thead.find('th').first().attr('data-name'),
+ data.table.columns[0].name,
+ "Expect data-name attribute to be set to name");
+
+ });
+
+ });
\ No newline at end of file