angular-material-npfixed/src/core/services/interaction/interaction.spec.js

The Angular Material project is an implementation of Material Design in Angular.js. This project provides a set of reusable, well-tested, and accessible Material Design UI components. Angular Material is supported internally at Google by the Angular.js, M

describe("$mdInteraction service", function() {

  var $mdInteraction = null;
  var bodyElement = null;

  beforeEach(module('material.core'));

  beforeEach(inject(function($injector) {
    $mdInteraction = $injector.get('$mdInteraction');

    bodyElement = angular.element(document.body);
  }));

  describe("last interaction type", function() {


    it("should detect a keyboard interaction", function() {

      bodyElement.triggerHandler('keydown');

      expect($mdInteraction.getLastInteractionType()).toBe('keyboard');
    });

    it("should detect a mouse interaction", function() {

      bodyElement.triggerHandler('mousedown');

      expect($mdInteraction.getLastInteractionType()).toBe("mouse");
    });

  });

  describe('isUserInvoked', function() {

    var element = null;

    beforeEach(function() {
      element = angular.element('<button>Click</button>');

      bodyElement.append(element);
    });

    afterEach(function() {
      element.remove();
    });

    it('should be true when programmatically focusing an element', function() {
      element.focus();

      expect($mdInteraction.isUserInvoked()).toBe(false);
    });

    it('should be false when focusing an element through keyboard', function() {

      // Fake a focus event triggered by a keyboard interaction.
      bodyElement.triggerHandler('keydown');
      element.focus();

      expect($mdInteraction.isUserInvoked()).toBe(true);
    });

    it('should allow passing a custom check delay', function(done) {
      bodyElement.triggerHandler('keydown');

      // The keyboard interaction is still in the same tick, so the interaction happened earlier than 15ms (as default)
      expect($mdInteraction.isUserInvoked()).toBe(true);

      setTimeout(function() {
        // Expect the keyboard interaction to be older than 5ms (safer than exactly 10ms) as check time.
        expect($mdInteraction.isUserInvoked(5)).toBe(false);

        done();
      }, 10);
    });

  });

});