ChoosePageTemplate.spec.js

import angular from 'angular';
import angularMocks from 'angular-mocks';
import choosePageTemplate from './index.js';

describe('choose page template directive', function () {
  var $scope, element;

  beforeEach(angular.mock.module('w2o.nextworks.choosePageTemplate'));

  beforeEach(angular.mock.inject(function($compile, $rootScope) {
    $scope = $rootScope;
    element = angular.element('<div choose-page-template></div>');
    $compile(element)($scope);
    $scope.$digest();
  }));

  it('should be valid', function() {
    $scope.settings = {};
    $scope.settings.template = '1-column-simple';
    element.scope().$apply();
    expect($scope.valid).toBe(true);
  });

  it('should have added a style class to the selected template', function() {
    $scope.settings = {};
    $scope.settings.template = '1-column-simple';
    element.scope().$apply();
    expect(element[0].querySelector('.selected') instanceof HTMLElement).toBe(true);
  });

});