Add no mails availabe message to middle pane

- Issue #503

2 files changed, 39 insertions, 0 deletions

diff --git a/web-ui/test/spec/dispatchers/middle_pane_dispatchers.spec.js b/web-ui/test/spec/dispatchers/middle_pane_dispatchers.spec.js
index 997c51f2..265e1d4f 100644
--- a/web-ui/test/spec/dispatchers/middle_pane_dispatchers.spec.js
+++ b/web-ui/test/spec/dispatchers/middle_pane_dispatchers.spec.js
@@ -22,4 +22,30 @@ describeComponent('dispatchers/middle_pane_dispatcher', function () {
     this.component.trigger(document, Pixelated.events.dispatchers.middlePane.resetScroll);
     expect(this.component.select('middlePane').scrollTop()).toEqual(0);
   });
+
+  describe('no emails available', function () {
+    var noMailsAvailablePane;
+    beforeEach(function () {
+      noMailsAvailablePane = require('mail_view/ui/no_mails_available_pane');
+      spyOn(noMailsAvailablePane, 'attachTo');
+      spyOn(noMailsAvailablePane, 'teardownAll');
+    });
+
+    it('should listen to no mails available event and show noMailsAvailablePane', function () {
+        var mail_list = { mails: []};
+        this.component.trigger(document, Pixelated.events.mails.available, mail_list);
+
+        expect(noMailsAvailablePane.attachTo).toHaveBeenCalled();
+    });
+
+    it('should tbd', function () {
+        var pretend_to_be_a_mail = {};
+        var mail_list = { mails: [pretend_to_be_a_mail]};
+        this.component.trigger(document, Pixelated.events.mails.available, mail_list);
+
+        expect(noMailsAvailablePane.attachTo).not.toHaveBeenCalled();
+        expect(noMailsAvailablePane.teardownAll).toHaveBeenCalled();
+    });
+
+  });
 });
diff --git a/web-ui/test/spec/mail_view/ui/no_mails_available_pane.spec.js b/web-ui/test/spec/mail_view/ui/no_mails_available_pane.spec.js
new file mode 100644
index 00000000..da19cf2e
--- /dev/null
+++ b/web-ui/test/spec/mail_view/ui/no_mails_available_pane.spec.js
@@ -0,0 +1,13 @@
+describeComponent('mail_view/ui/no_mails_available_pane', function () {
+    'use strict';
+
+    describe('after initialization', function () {
+        beforeEach(function () {
+            this.setupComponent();
+        });
+
+        it('renders template', function () {
+            expect(this.$node.html()).toMatch('<div class="text">NO MAILS AVAILABLE.</div>');
+        });
+    });
+});