Adding js unit tests + small refactoring. // pairing with @tuliocasagrande

Issue #238

1 files changed, 84 insertions, 0 deletions

diff --git a/web-ui/test/spec/page/pix_logo.spec.js b/web-ui/test/spec/page/pix_logo.spec.js
new file mode 100644
index 00000000..73171c91
--- /dev/null
+++ b/web-ui/test/spec/page/pix_logo.spec.js
@@ -0,0 +1,84 @@
+describeComponent('page/pix_logo', function () {
+  'use strict';
+
+  describe('pix logo', function () {
+    it('should spin when loading another mail box', function () {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-off"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.spinLogo);
+      $(document).trigger(Pixelated.events.ui.tag.select);
+
+      expect(eventSpy).toHaveBeenTriggeredOn(document);
+      expect(this.component.$node.hasClass('logo-part-animation-on')).toBe(true);
+    });
+
+    it('should stop spinning after mail box is loaded', function (done) {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-on"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.stopSpinningLogo);
+      $(document).trigger(Pixelated.events.mails.available);
+
+      var component = this.component;
+
+      setTimeout(function() {
+          expect(eventSpy).toHaveBeenTriggeredOn(document);
+          expect(component.$node.hasClass('logo-part-animation-off')).toBe(true);
+          done();
+      }, 600);
+    });
+
+    it('should spin when saving draft', function () {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-off"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.spinLogo);
+      $(document).trigger(Pixelated.events.mail.saveDraft);
+
+      expect(eventSpy).toHaveBeenTriggeredOn(document);
+      expect(this.component.$node.hasClass('logo-part-animation-on')).toBe(true);
+    });
+
+    it('should stop spinning after draft is saved', function (done) {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-on"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.stopSpinningLogo);
+      $(document).trigger(Pixelated.events.mail.draftSaved);
+
+      var component = this.component;
+
+      setTimeout(function() {
+          expect(eventSpy).toHaveBeenTriggeredOn(document);
+          expect(component.$node.hasClass('logo-part-animation-off')).toBe(true);
+          done();
+      }, 600);
+    });
+
+    it('should spin when opening a mail message', function () {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-off"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.spinLogo);
+      $(document).trigger(Pixelated.events.ui.mail.open);
+
+      expect(eventSpy).toHaveBeenTriggeredOn(document);
+      expect(this.component.$node.hasClass('logo-part-animation-on')).toBe(true);
+    });
+
+    it('should spin when opening a draft', function () {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-off"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.spinLogo);
+      $(document).trigger(Pixelated.events.dispatchers.rightPane.openDraft);
+
+      expect(eventSpy).toHaveBeenTriggeredOn(document);
+      expect(this.component.$node.hasClass('logo-part-animation-on')).toBe(true);
+    });
+
+    it('should stop spinning after mail message is loaded', function (done) {
+      this.setupComponent('<polygon id="clock1" class="logo-part-animation-on"></polygon>');
+      var eventSpy = spyOnEvent(document, Pixelated.events.ui.page.stopSpinningLogo);
+      $(document).trigger(Pixelated.events.mail.want);
+
+      var component = this.component;
+
+      setTimeout(function() {
+          expect(eventSpy).toHaveBeenTriggeredOn(document);
+          expect(component.$node.hasClass('logo-part-animation-off')).toBe(true);
+          done();
+      }, 600);
+    });
+  });
+});
+