update the preview when url info is received.

1 files changed, 29 insertions, 1 deletions

diff --git a/spec/javascripts/presenters/new_tutorial_presenter_spec.js b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
index a74c4ec1..3b8bb836 100644
--- a/spec/javascripts/presenters/new_tutorial_presenter_spec.js
+++ b/spec/javascripts/presenters/new_tutorial_presenter_spec.js
@@ -5,7 +5,13 @@ describe ("NewTutorialPresenter", function() {
       tag_list: $('<ul id="tag-list">'),
       tag_input: $('<input type="text" />'),
       hidden_tag_list: $('<input type="hidden" />'),
-      url_input: $('<input type="text" />')
+      url_input: $('<input type="text" />'),
+      preview: {
+        heading: $('<h3>'),
+        description: $('<p>'),
+        image: $('<img>'),
+        hidden_image_url: $('<input type="hidden">'),
+      }
     };
     service = {
       retrieve_info_on:null
@@ -54,4 +60,26 @@ describe ("NewTutorialPresenter", function() {
     });
     var url;
   });
+  describe ("when information is received about a url", function() {
+    it ("should update the preview heading", function() {
+      expect(view.preview.heading.text()).toEqual('the title');
+    });
+    it ("should update the preview description", function() {
+      expect(view.preview.description.text()).toEqual('the description');
+    });
+    it ("should update the preview image", function() {
+      expect(view.preview.image.attr('src')).toEqual('http://');
+    });
+    it ("should update the hidden input image url", function() {
+      expect(view.preview.hidden_image_url.val()).toEqual('http://');
+    });
+    beforeEach (function() {
+      var payload = {
+        title: 'the title',
+        description: 'the description',
+        thumbnail_url: 'http://'
+      };
+      sut.display_url_info(payload);
+    });
+  });
 });