Created new spec file for Joel's phonebook directive

phonebook-directive-spec.js

directiveTest({
  module: angular.module('app'),
  name: 'phonebookDirectve',
  template: '<phonebook phone-numbers="testNumbers"></phonebook>',
  controller: 'phonebook',
  selectors: {
    'phonenumber': 0
  },
  assertions: {
    'should expose refresh functionality': function($element) {
      expect($element.isolateScope().refresh).toBeDefined();
    },
    'should delegate refresh functionality to phone model': function(phoneModel, $q, $element, $scope) {
      var myTestNumbers = ['5125328228'];
      spyOn(phoneModel, 'get').and.returnValue($q.resolve(myTestNumbers));

      $element.isolateScope().refresh();
      $scope.$apply();

      expect($scope.testNumbers).toEqual(myTestNumbers);
      expect($element.isolateScope().phoneNumbers).toEqual(myTestNumbers);
    }
  }
});

describe('Directive: phonebook', function () {

  beforeEach(module('app'));
  beforeEach(inject(function($compile, $rootScope, phoneModel, $q) {
    var template = '<phonebook phone-numbers="testNumbers"></phonebook>';
    this.$parentScope = $rootScope.$new();
    this.phoneModel = phoneModel;

    this.$element = $compile(template)(this.$parentScope);
    $rootScope.$apply();
    this.$isolateScope = this.$element.isolateScope();
  }));

  it('should exist', function() {
    expect(this.$element).toBeDefined();
  });

  it('should contain the controller', function() {
    expect(this.$element.controller('phonebook')).toBeDefined();
  });

  it('should expose refresh functionality', function() {
    expect(this.$isolateScope.refresh).toBeDefined();
  });

  it('should delegate refresh functionality to phone model', inject(function($q) {
    var myTestNumbers = ['5125328228'];
    spyOn(this.phoneModel, 'get').and.returnValue($q.resolve(myTestNumbers));

    this.$isolateScope.refresh();
    this.$parentScope.$apply();

    // expect(this.$isolateScope.refresh).toBeDefined();
    expect(this.$parentScope.testNumbers).toEqual(myTestNumbers); //parentScope
    expect(this.$isolateScope.phoneNumbers).toEqual(myTestNumbers);
  }));

  it('should show the numbers in the template', function() {
    this.$parentScope.testNumbers = ['1', '2', '3'];
    this.$parentScope.$apply();

    expect(this.$element.find('phonenumber').length).toBe(this.$parentScope.testNumbers.length);
  });
});