Add no mails availabe message to middle pane

- Issue #503

1 files changed, 26 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();
+    });
+
+  });
 });