switch up presenter spec to use dom elements.

1 files changed, 16 insertions, 1 deletions

diff --git a/spec/javascripts/presenters/new_tutorial_presenter_spec.js b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
index f98cf418..fa14eb54 100644
--- a/spec/javascripts/presenters/new_tutorial_presenter_spec.js
+++ b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
@@ -1,6 +1,11 @@
 describe ("NewTutorialPresenter", function() {
   beforeEach (function() {
-    view = {add_tag:null};
+    view = {
+      add_tag:null,
+      add_tag_button: $('<button id="add-tag-button">'),
+      tag_list: $('<ul id="tag-list">'),
+      tag_input: $('<input type="text" />'),
+    };
     sut = new NewTutorialPresenter(view);
   });
   var sut;
@@ -14,4 +19,14 @@ describe ("NewTutorialPresenter", function() {
       sut.add_tag('blah');
     });
   });
+  describe ("when the add tag button is clicked", function() {
+    it ("should add the new tag to the list of tags", function() {
+      expect(view.tag_list.html()).toEqual('<li><a href="#" class="label">ruby</a></li>');
+    });
+    beforeEach (function() {
+      sut.present();
+      view.tag_input.val('ruby');
+      view.add_tag_button.trigger('click');
+    });
+  });
 });