PTNFLY-1122 : Additional tests for pfSelect directive

Tests for the bootstrap select generated <div> element to be in sync
with ng-options and ng-model (along with the <select> element)

Author: ammendonca

test/select/select.spec.js

@@ -4,9 +4,10 @@ describe('pf-select', function () {
 
   beforeEach(module('patternfly.select'));
 
-  beforeEach(inject(function (_$rootScope_, _$compile_) {
+  beforeEach(inject(function (_$rootScope_, _$compile_, _$timeout_) {
     $scope = _$rootScope_;
     $compile = _$compile_;
+    $timeout = _$timeout_;
   }));
 
   describe('Page with pf-select directive', function () {
@@ -24,8 +25,19 @@ describe('pf-select', function () {
 
       var select = compileSelect('<select pf-select ng-model="modelValue" ng-options="o as o for o in options"></select>', $scope);
 
+      $timeout.flush();
+
       expect(select.text()).toBe('abc');
       expect(select).toEqualSelect(['a', ['b'], 'c']);
+
+      var bsSelect = angular.element(select).siblings('.bootstrap-select');
+      var bsSelItems = bsSelect.find('li');
+      expect(bsSelItems.length).toBe($scope.options.length);
+      expect(bsSelItems.text()).toBe('abc');
+
+      var bsSelected = bsSelect.find('li.selected');
+      expect(bsSelected.length).toBe(1);
+      expect(bsSelected.text()).toBe('b');
     });
 
     it('should respond to changes in ng-options', function () {
@@ -37,12 +49,24 @@ describe('pf-select', function () {
       expect(select.text()).toBe('abc');
       expect(select).toEqualSelect([['a'], 'b', 'c']);
 
+      var bsSelect = angular.element(select).siblings('.bootstrap-select');
+      var bsSelItems = bsSelect.find('li');
+      expect(bsSelItems.length).toBe($scope.options.length);
+      expect(bsSelItems.text()).toBe('abc');
+
       $scope.$apply(function() {
         $scope.options.push('d');
       });
 
+      $timeout.flush();
+
       expect(select.text()).toBe('abcd');
       expect(select).toEqualSelect([['a'], 'b', 'c', 'd']);
+
+      bsSelect = angular.element(select).siblings('.bootstrap-select');
+      bsSelItems = bsSelect.find('li');
+      expect(bsSelItems.length).toBe($scope.options.length);
+      expect(bsSelItems.text()).toBe('abcd');
     });
 
     it('should respond to ng-model changes', function () {
@@ -54,19 +78,40 @@ describe('pf-select', function () {
       expect(select.text()).toBe('abc');
       expect(select).toEqualSelect([['a'], 'b', 'c']);
 
+      var bsSelect = angular.element(select).siblings('.bootstrap-select');
+      var bsSelItems = bsSelect.find('li');
+      expect(bsSelItems.length).toBe($scope.options.length);
+      expect(bsSelItems.text()).toBe('abc');
+
+      var bsSelected = bsSelect.find('li.selected');
+      expect(bsSelected.length).toBe(1);
+      expect(bsSelected.text()).toBe('a');
+
       $scope.$apply(function() {
         $scope.modelValue = $scope.options[1];
       });
 
+      $timeout.flush();
+
       expect(select.text()).toBe('abc');
       expect(select).toEqualSelect(['a', ['b'], 'c']);
 
+      bsSelected = bsSelect.find('li.selected');
+      expect(bsSelected.length).toBe(1);
+      expect(bsSelected.text()).toBe('b');
+
       $scope.$apply(function() {
         $scope.modelValue = $scope.options[2];
       });
 
+      $timeout.flush();
+
       expect(select.text()).toBe('abc');
       expect(select).toEqualSelect(['a', 'b', ['c']]);
+
+      bsSelected = bsSelect.find('li.selected');
+      expect(bsSelected.length).toBe(1);
+      expect(bsSelected.text()).toBe('c');
     });
 
   });