From 28be7a424207a6e156adcb1746a6401f9bcabd85 Mon Sep 17 00:00:00 2001
From: Gislene Pereira <gislene01@gmail.com>
Date: Tue, 15 Mar 2016 17:17:15 -0300
Subject: Adding js unit tests + small refactoring. // pairing with
 @tuliocasagrande Issue #238

---
 web-ui/test/spec/page/pix_logo.spec.js | 84 ++++++++++++++++++++++++++++++++++
 1 file changed, 84 insertions(+)
 create mode 100644 web-ui/test/spec/page/pix_logo.spec.js

(limited to 'web-ui/test/spec')

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);
+    });
+  });
+});
+
-- 
cgit v1.2.3