hello component test compile

hello.component.spec.js

describe("hello nav", function(){
    // globals set up and used in each test scenario
    var scope, element;

    beforeEach(module('app'));

    beforeEach(inject(function($rootScope, $compile) {
        scope = $rootScope.$new();
        element = angular.element('<hello-nav me="me"></hello-nav>');
        element = $compile(element)(scope);
        scope.me = {first_name: 'Aleck', last_name: 'Landgraf'};
        scope.$apply();
    }));


    it('should render Hello and the me.first_name and me.last_name', function () {
        var divs = element.find('div');
        var outer_div = divs[0];
        var header = element.find('h2');

        expect(outer_div.className).toBe('section-nav');
        expect(header[0].text).toBe('Hello Aleck Landgraf');
    });


});