add commas when multiple tags are added.

2 files changed, 16 insertions, 1 deletions

diff --git a/app/assets/javascripts/presenters/new_tutorial_presenter.js.coffee b/app/assets/javascripts/presenters/new_tutorial_presenter.js.coffee
index edc431b3..4e59ee1b 100644
--- a/app/assets/javascripts/presenters/new_tutorial_presenter.js.coffee
+++ b/app/assets/javascripts/presenters/new_tutorial_presenter.js.coffee
@@ -6,7 +6,10 @@ class window.NewTutorialPresenter
       new_tag = @view.tag_input.val()
       @view.tag_list.append(this.create_list_item_for(new_tag))
       current = @view.hidden_tag_list.val()
-      @view.hidden_tag_list.val( new_tag )
+      if current == ''
+        @view.hidden_tag_list.val( new_tag)
+      else
+        @view.hidden_tag_list.val( current + ', ' + new_tag)
 
   create_list_item_for:(tag) ->
     '<li><a href="#" class="label">'+tag+'</a></li>'
diff --git a/spec/javascripts/presenters/new_tutorial_presenter_spec.js b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
index 9c6f34c0..52934bcb 100644
--- a/spec/javascripts/presenters/new_tutorial_presenter_spec.js
+++ b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
@@ -23,4 +23,16 @@ describe ("NewTutorialPresenter", function() {
       view.add_tag_button.trigger('click');
     });
   });
+  describe ("when multiple tags are added", function() {
+    it ("should add each one to the hidden list", function() {
+      expect(view.hidden_tag_list.val()).toEqual('ruby, javascript');
+    });
+    beforeEach (function() {
+      sut.present();
+      view.tag_input.val('ruby');
+      view.add_tag_button.trigger('click');
+      view.tag_input.val('javascript');
+      view.add_tag_button.trigger('click');
+    });
+  });
 });