Angular focusOnClick Directive Tests

focusOnClick_spec.js

describe('focusOnClick', function() {
  var button;
  var $testInput;

  beforeEach(function() {
    module('gmail');

    inject(function($compile, $rootScope) {
      button = $compile('<button focus-on-click="#test-input"></button>')($rootScope.$new());
      $testInput = $('<input id="test-input" type="text">');

      $('body').append($testInput);
    });
  });

  afterEach(function() {
    $testInput.remove();
    button.remove();
  });

  // NOTE: $testInput.is(:focus) is not supported by Phantom
  it('focuses the desired element on click', function() {
    expect(document.activeElement).not.toBe($testInput[0]);
    button.trigger('click');
    expect(document.activeElement).toBe($testInput[0]);
  });
});