diff --git a/common/lib/xmodule/xmodule/js/fixtures/annotatable.html b/common/lib/xmodule/xmodule/js/fixtures/annotatable.html
new file mode 100644
index 0000000000..3c862861ff
--- /dev/null
+++ b/common/lib/xmodule/xmodule/js/fixtures/annotatable.html
@@ -0,0 +1,39 @@
+<section class='xmodule_display xmodule_AnnotatableModule' data-type='Annotatable'>
+    <div class="annotatable-wrapper" id="annotatable_1">
+        <div class="annotatable-header"></div>
+        <div class="annotatable-content">
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam malesuada pellentesque posuere. 
+              <div class="annotatable-span highlight" data-discussion-anchor="1">
+                  Ut urna magna, fringilla porta ultricies a, molestie sollicitudin tellus. 
+                  <div class="annotatable-comment">Curabitur tellus lorem tempus et dolor.</div>
+              </div>
+              Duis condimentum, sapien porttitor commodo elementum, ligula dui tempus mauris, sed ultricies
+              lectus elit ut nunc. Duis dictum tempus dui tristique pharetra.  Vivamus sit amet odio
+              ac tellus blandit viverra.  
+            </p>
+            
+            <p>
+              <div class="annotatable-span highlight" data-discussion-anchor="2">
+                <div class="annotatable-comment">Curabitur elementum pretium egestas.</div>
+                Praesent nec eros sem, id fermentum ipsum. Pellentesque egestas cursus lacus non commodo. 
+              </div>
+              Phasellus elementum, diam volutpat auctor posuere, tellus urna blandit orci, ac lacinia justo nisi
+              ac diam. Pellentesque rutrum leo id nulla eleifend porttitor. Pellentesque habitant
+              morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Aliquam
+              tristique, ante vitae porttitor hendrerit, tellus quam condimentum magna, nec semper
+              arcu orci nec erat. 
+              <div class="annotatable-span highlight" data-discussion-anchor="3">
+                  Sed dictum bibendum nibh, nec feugiat metus porttitor sed.
+                  <div class="annotatable-comment">Test.</div>
+              </div>
+              Aliquam dictum suscipit arcu mollis hendrerit.
+            </p>
+        </div>
+    </div>
+</section>
+<section>
+    <a name="1">First Discussion</a><br/>
+    <a name="2">Second Discussion</a><br/>
+    <a name="2">Third Discussion</a><br/>
+</section>
diff --git a/common/lib/xmodule/xmodule/js/spec/annotatable/display_spec.coffee b/common/lib/xmodule/xmodule/js/spec/annotatable/display_spec.coffee
new file mode 100644
index 0000000000..983cc495e0
--- /dev/null
+++ b/common/lib/xmodule/xmodule/js/spec/annotatable/display_spec.coffee
@@ -0,0 +1,8 @@
+describe 'Annotatable', ->
+    beforeEach ->
+        loadFixtures 'annotatable.html'
+    describe 'constructor', ->
+        beforeEach ->
+            @annotatable = new Annotatable $('.xmodule_display')
+        it 'initializes tooltips', ->
+            expect(1).toBe 2