contacts_shortcuts_test.js

'use strict';

var Contacts = require('./lib/contacts');
var assert = require('assert');
var Actions = require('marionette-client').Actions;

marionette('Contacts shortcuts > touch', function() {
  var config = Contacts.config;
  config.prefs = {
    'dom.w3c_touch_events.enabled': 1
  };
  var client = marionette.client(config);
  var subject;
  var selectors;
  var actions = new Actions(client);

  var scrollbar,
      overlay;

  function overlayOpacity() {
    return subject.getElementStyle(selectors.overlay, 'opacity');
  }

  setup(function() {
    subject = new Contacts(client);
    subject.launch();

    selectors = Contacts.Selectors;
    subject.addContact();
    scrollbar = client.helper.waitForElement(selectors.scrollbar);
  });

  suite('touch on shortcuts', function() {
    test('press/release on scrollbar should show/hide shortcut', function() {
      var action = actions.press(scrollbar, 10, 200).perform();
      overlay = client.helper.waitForElement(selectors.overlay);
      assert.equal(overlay.text().length, 1);
      assert.equal(overlayOpacity(), '1');
      action.release().perform();
      client.helper.waitForElementToDisappear(overlay);
      assert.equal(overlayOpacity(), '0');
      assert.equal(overlay.text().length, 0);
    });

    // Disabled bug 1005708
    test.skip('shortcut text should change after moving some distance',
      function() {
      var letter, nextLetter, lastLetter;

      var action = actions.press(scrollbar, 10, 100).perform();
      overlay = client.helper.waitForElement(selectors.overlay);
      letter = overlay.text();
      assert.equal(letter.length, 1);

      action.moveByOffset(0, 1).perform();
      nextLetter = overlay.text();
      assert.equal(nextLetter.length, 1);
      assert.equal(letter, nextLetter);

      action.moveByOffset(0, 50).perform();
      lastLetter = overlay.text();
      assert.equal(nextLetter.length, 1);
      assert.notEqual(lastLetter, nextLetter);

      action.release().perform();
    });

    test('pressing near the last release position should show valid shortcut',
      function() {
      actions.press(scrollbar, 10, 200).release().perform();

      var action = actions.press(scrollbar, 10, 200).perform();
      overlay = client.helper.waitForElement(selectors.overlay);
      assert.equal(overlay.text().length, 1);
      action.release().perform();
    });

    test('pressing outside the scrollbar should not show shortcut',
      function() {
      var action = actions.press(scrollbar, -1, 200).perform();

      assert.notEqual(overlayOpacity(), '1');
      action.release().perform();
    });
  });

});