angular-ui-tree/source/directives/uiTreeNode.spec.js

An AngularJS UI component that can sort nested lists, provides drag & drop support and doesn't depend on jQuery

(function () {
  'use strict';

  describe('the uiTreeNode directive', function () {
    var $rootScope, $compile, $scope, element;

    beforeEach(module('ui.tree'));
    beforeEach(inject(function ($injector) {
      $rootScope = $injector.get('$rootScope');
      $compile = $injector.get('$compile');
      $scope = $rootScope.$new();

      $scope.items = [{
        'id': 42,
        'title': 'Node 42'
      }];
    }));

    beforeEach(function () {
      element = createElement();
    });

    function createElement() {
      var template = '<div ui-tree><ol ui-tree-nodes ng-model="items"><li ng-repeat="item in items" ui-tree-node><div ui-tree-handle>{{item.title}}</div></li></ol></div>';
      element = angular.element(template);
      $compile(element)($scope);
      $scope.$digest();
      return element;
    }

    it('should collapse on receiving the angular-ui-tree:collapse-all event', function () {
      $rootScope.$broadcast('angular-ui-tree:collapse-all');
      $scope.$digest();

      expect(element.find('[ui-tree-node]').attr('collapsed')).toEqual('true');
      expect(element.find('[ui-tree-node]').scope().collapsed).toEqual(true);
    });

    it('should expand on receiving the angular-ui-tree:expand-all event', function () {
      $rootScope.$broadcast('angular-ui-tree:expand-all');
      $scope.$digest();

      expect(element.find('[ui-tree-node]').attr('collapsed')).toEqual('false');
      expect(element.find('[ui-tree-node]').scope().collapsed).toEqual(false);
    });
  });

}());