diff --git a/Gemfile b/Gemfile
index 18c51d8..8daf73d 100644
--- a/Gemfile
+++ b/Gemfile
@@ -116,6 +116,9 @@ group :development, :test do
 
   # Mocks and stubs for javascript tests
   gem 'sinon-rails'
+
+  # JS templates for testing
+  gem 'ejs'
 end
 
 # Acceptance tests
diff --git a/Gemfile.lock b/Gemfile.lock
index b6a73ae..5427f7b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -120,6 +120,7 @@ GEM
     docile (1.1.5)
     domain_name (0.5.24)
       unf (>= 0.0.5, < 1.0.0)
+    ejs (1.1.1)
     erubis (2.7.0)
     exception_notification (4.0.1)
       actionmailer (>= 3.0.4)
@@ -343,6 +344,7 @@ DEPENDENCIES
   dalli (~> 2.7.0)
   database_cleaner (~> 1.4.1)
   devise (~> 3.4.0)
+  ejs
   exception_notification (~> 4.0.1)
   factory_girl_rails (~> 4.5.0)
   google-analytics-rails (~> 0.0.6)
diff --git a/spec/javascripts/module/graphic_spec.js.coffee b/spec/javascripts/module/graphic_spec.js.coffee
new file mode 100644
index 0000000..ae18c7f
--- /dev/null
+++ b/spec/javascripts/module/graphic_spec.js.coffee
@@ -0,0 +1,16 @@
+#= require jquery
+#= require spec_helper
+#= require modules
+#= require module/graphic
+
+describe "Graphic#constructor", ->
+  describe 'with a visible drawer', ->
+    before () ->
+      @container = 'container404829'
+      @metric_name = 'Pain'
+      @module_id = '54405'
+      $('body').html(JST['templates/metric_results']({container: @container, metric_name: @metric_name, module_id: @module_id}))
+
+    it "should construct a graphic", ->
+      graphic = new Module.Graphic(@container, @metric_name, @module_id)
+
diff --git a/spec/javascripts/spec_helper.js.coffee b/spec/javascripts/spec_helper.js.coffee
new file mode 100644
index 0000000..2585410
--- /dev/null
+++ b/spec/javascripts/spec_helper.js.coffee
@@ -0,0 +1 @@
+#= require_tree ./templates
diff --git a/spec/javascripts/templates/metric_results.jst.ejs b/spec/javascripts/templates/metric_results.jst.ejs
new file mode 100644
index 0000000..ed3ac73
--- /dev/null
+++ b/spec/javascripts/templates/metric_results.jst.ejs
@@ -0,0 +1,27 @@
+<table class="table table-hover metric_results">
+  <thead>
+    <tr>
+      <th>Metric</th>
+      <th>Value</th>
+      <th>Weight</th>
+      <th>Threshold</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td><a onclick="new Module.Graphic('<%= container %>', '<%= metric_name %>', '<%= module_id %>')" id="metric_<%= module_id %>" data-remote="true" href=""><i class="icon-align-left"></i> Pain</a>
+      </td>
+      <td>4.20</td>
+      <td>3.0</td>
+      <td><span style="color: #00FF00">Excellent</span></td>
+    </tr>
+    <tr id="<%= container %>" style="">
+      <td colspan="4">
+        <span style="display: none;" id="loader_<%= container %>">Loading Data</span>
+        <canvas height="150" width="300" id="<%= container %>" class="graphic_container" style="width: 300px; height: 150px;"></canvas>
+        <span id="<%= container %>" style="display: none">There is only one point that should not generate a chart.</span>
+      </td>
+    </tr>
+  </tbody>
+</table>
\ No newline at end of file
--
libgit2 0.21.2