Publish Vulpes Preview 15 sources for desktop, Android and Tundra

Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.

gaia/apps/email/test/marionette/next_previous_test.js

@@ -0,0 +1,172 @@
+'use strict';
+var Email = require('./lib/email');
+var assert = require('assert');
+var serverHelper = require('./lib/server_helper');
+
+
+/**
+ * Checks whether or not this has a <span class="... icon-disabled ...">
+ * in its DOM subtree.
+ *
+ * @param {Marionette.Element} button one of msgDownBtn or msgUpButton.
+ * @return {boolean} whether or not the param is enabled.
+ */
+function isHeaderButtonEnabled(button) {
+  var span = button.findElement('span');
+  var className = span.getAttribute('className');
+  return className.indexOf('icon-disabled') === -1;
+}
+
+marionette('email next previous', function() {
+  var app;
+  var client = marionette.client({
+    desiredCapabilities: { raisesAccessibilityExceptions: false }
+  });
+  var server = serverHelper.use(null, this);
+
+  setup(function() {
+    app = new Email(client);
+    app.launch();
+    app.manualSetupImapEmail(server);
+    app.sendAndReceiveMessages([
+      { to: 'testy@localhost', subject: 'One', body: 'Fish' },
+      { to: 'testy@localhost', subject: 'Two', body: 'Fish' }
+    ]);
+  });
+
+  test('should grey out up when no message above', function() {
+    app.tapEmailAtIndex(0);
+    var el = app.msgUpBtn;
+    assert.ok(!isHeaderButtonEnabled(el));
+  });
+
+  test('should grey out down when no message below', function() {
+    app.tapEmailAtIndex(1);
+    var el = app.msgDownBtn;
+    assert.ok(!isHeaderButtonEnabled(el));
+  });
+
+  test('should not grey out up when message above', function() {
+    app.tapEmailAtIndex(1);
+    var el = app.msgUpBtn;
+    assert.ok(isHeaderButtonEnabled(el));
+  });
+
+  test('should not grey out down when message below', function() {
+     app.tapEmailAtIndex(0);
+    var el = app.msgDownBtn;
+    assert.ok(isHeaderButtonEnabled(el));
+  });
+
+  test('should move up when up tapped', function() {
+    app.tapEmailAtIndex(1);
+    app.advanceMessageReader(true);
+    var subject = app.getMessageReaderSubject();
+    assert.strictEqual(subject, 'Two');
+  });
+
+  test('should move down when down tapped', function() {
+     app.tapEmailAtIndex(0);
+    app.advanceMessageReader(false);
+    var subject = app.getMessageReaderSubject();
+    assert.strictEqual(subject, 'One');
+  });
+
+  test('should not move up when up tapped if greyed out', function() {
+     app.tapEmailAtIndex(0);
+    try {
+      app.advanceMessageReader(true);
+    } catch (err) {
+      if (err.type !== 'InvalidElementState') {
+        throw err;
+      }
+    }
+
+    var subject = app.getMessageReaderSubject();
+    assert.strictEqual(subject, 'Two');
+  });
+
+  test('should not move down when down tapped if greyed out', function() {
+    app.tapEmailAtIndex(1);
+    try {
+      app.advanceMessageReader(false);
+    } catch (err) {
+      if (err.type !== 'InvalidElementState') {
+        throw err;
+      }
+    }
+
+    var subject = app.getMessageReaderSubject();
+    assert.strictEqual(subject, 'One');
+  });
+
+  suite('scroll', function() {
+
+    setup(function() {
+      // We need more messages to exercise scrolling.
+      app.sendAndReceiveMessages([
+        { to: 'testy@localhost', subject: 'Red', body: 'Fish' },
+        { to: 'testy@localhost', subject: 'Blue', body: 'Fish' },
+        { to: 'testy@localhost', subject: 'Three', body: 'Fish' },
+        { to: 'testy@localhost', subject: 'Four', body: 'Fish' },
+        { to: 'testy@localhost', subject: 'Even', body: 'Fish' },
+        { to: 'test@localhost', subject: 'More', body: 'Fish' }
+      // Pass 7 because the outer setup step already added two messages.
+      ], 7);
+    });
+
+    test('should scroll up when up tapped', function() {
+      // Start by scrolling to the bottom of the scroll container.
+      var header = app.getHeaderAtIndex(7);
+      var offsetTop = header.getAttribute('offsetTop');
+      client.executeScript(function(scrollTo) {
+        var scrollContainer =
+          document.getElementsByClassName('msg-list-scrollouter')[0];
+        scrollContainer.scrollTop = scrollTo;
+      }, [offsetTop]);
+
+      var scrollContainer = app.msgListScrollOuter;
+      var initial = parseInt(scrollContainer.getAttribute('scrollTop'), 10);
+
+      // The toaster could steal our tap, since our desired target is at the
+      // bottom of the scroll list. So wait for it to disappear first.
+      app.waitForToaster();
+
+      app.tapEmailAtIndex(7);
+
+      // Advance up to the first message.
+      while (true) {
+        var button = app.msgUpBtn;
+        if (!isHeaderButtonEnabled(button)) {
+          break;
+        }
+
+        app.advanceMessageReader(true);
+      }
+
+      scrollContainer = app.msgListScrollOuter;
+      var updated = parseInt(scrollContainer.getAttribute('scrollTop'), 10);
+      assert.ok(updated < initial);
+    });
+
+    test('should scroll down when down tapped', function() {
+      var scrollContainer = app.msgListScrollOuter;
+      var initial = parseInt(scrollContainer.getAttribute('scrollTop'), 10);
+       app.tapEmailAtIndex(0);
+
+      // Advance down to the last message.
+      while (true) {
+        var button = app.msgDownBtn;
+        if (!isHeaderButtonEnabled(button)) {
+          break;
+        }
+
+        app.advanceMessageReader(false);
+      }
+
+      scrollContainer = app.msgListScrollOuter;
+      var updated = parseInt(scrollContainer.getAttribute('scrollTop'), 10);
+      assert.ok(updated > initial);
+    });
+  });
+});