How to use element.text method in Appium

...30    // INIT31    scope.items = [{name: 'misko'}, {name:'shyam'}];32    scope.$digest();33    expect(element.find('li').length).toEqual(2);34    expect(element.text()).toEqual('misko;shyam;');35    delete Array.prototype.extraProperty;36    // GROW37    scope.items.push({name: 'adam'});38    scope.$digest();39    expect(element.find('li').length).toEqual(3);40    expect(element.text()).toEqual('misko;shyam;adam;');41    // SHRINK42    scope.items.pop();43    scope.items.shift();44    scope.$digest();45    expect(element.find('li').length).toEqual(1);46    expect(element.text()).toEqual('shyam;');47  });48  it('should be possible to use one-time bindings on the collection', function() {49    element = $compile(50      '<ul>' +51        '<li ng-repeat="item in ::items">{{item.name}};</li>' +52      '</ul>')(scope);53    scope.$digest();54    scope.items = [{name: 'misko'}, {name:'shyam'}];55    scope.$digest();56    expect(element.find('li').length).toEqual(2);57    expect(element.text()).toEqual('misko;shyam;');58    scope.items.push({name: 'adam'});59    scope.$digest();60    expect(element.find('li').length).toEqual(2);61    expect(element.text()).toEqual('misko;shyam;');62  });63  it('should be possible to use one-time bindings on the content', function() {64    element = $compile(65      '<ul>' +66        '<li ng-repeat="item in items">{{::item.name}};</li>' +67      '</ul>')(scope);68    scope.$digest();69    scope.items = [{name: 'misko'}, {name:'shyam'}];70    scope.$digest();71    expect(element.find('li').length).toEqual(2);72    expect(element.text()).toEqual('misko;shyam;');73    scope.items.push({name: 'adam'});74    scope.$digest();75    expect(element.find('li').length).toEqual(3);76    expect(element.text()).toEqual('misko;shyam;adam;');77  });78  it('should iterate over an array-like object', function() {79    element = $compile(80      '<ul>' +81        '<li ng-repeat="item in items">{{item.name}};</li>' +82      '</ul>')(scope);83    document.body.innerHTML = "<p>" +84                                      "<a name='x'>a</a>" +85                                      "<a name='y'>b</a>" +86                                      "<a name='x'>c</a>" +87                                    "</p>";88    var htmlCollection = document.getElementsByTagName('a');89    scope.items = htmlCollection;90    scope.$digest();91    expect(element.find('li').length).toEqual(3);92    expect(element.text()).toEqual('x;y;x;');93  });94  it('should iterate over an array-like class', function() {95    /* jshint -W009 */96    function Collection() {}97    Collection.prototype = new Array();98    Collection.prototype.length = 0;99    var collection = new Collection();100    collection.push({ name: "x" });101    collection.push({ name: "y" });102    collection.push({ name: "z" });103    element = $compile(104      '<ul>' +105        '<li ng-repeat="item in items">{{item.name}};</li>' +106      '</ul>')(scope);107    scope.items = collection;108    scope.$digest();109    expect(element.find('li').length).toEqual(3);110    expect(element.text()).toEqual('x;y;z;');111  });112  it('should iterate over on object/map', function() {113    element = $compile(114      '<ul>' +115        '<li ng-repeat="(key, value) in items">{{key}}:{{value}}|</li>' +116      '</ul>')(scope);117    scope.items = {misko:'swe', shyam:'set'};118    scope.$digest();119    expect(element.text()).toEqual('misko:swe|shyam:set|');120  });121  it('should iterate over on object/map where (key,value) contains whitespaces', function() {122    element = $compile(123      '<ul>' +124        '<li ng-repeat="(  key ,  value  ) in items">{{key}}:{{value}}|</li>' +125      '</ul>')(scope);126    scope.items = {me:'swe', you:'set'};127    scope.$digest();128    expect(element.text()).toEqual('me:swe|you:set|');129  });130  it('should iterate over an object/map with identical values', function() {131    element = $compile(132      '<ul>' +133        '<li ng-repeat="(key, value) in items">{{key}}:{{value}}|</li>' +134      '</ul>')(scope);135    scope.items = {age:20, wealth:20, prodname: "Bingo", dogname: "Bingo", codename: "20"};136    scope.$digest();137    expect(element.text()).toEqual('age:20|wealth:20|prodname:Bingo|dogname:Bingo|codename:20|');138  });139  it('should iterate over on object created using `Object.create(null)`', function() {140    element = $compile(141      '<ul>' +142        '<li ng-repeat="(key, value) in items">{{key}}:{{value}}|</li>' +143      '</ul>')(scope);144    var items = Object.create(null);145    items.misko = 'swe';146    items.shyam = 'set';147    scope.items = items;148    scope.$digest();149    expect(element.text()).toEqual('misko:swe|shyam:set|');150    delete items.shyam;151    scope.$digest();152    expect(element.text()).toEqual('misko:swe|');153  });154  describe('track by', function() {155    it('should track using expression function', function() {156      element = $compile(157          '<ul>' +158              '<li ng-repeat="item in items track by item.id">{{item.name}};</li>' +159              '</ul>')(scope);160      scope.items = [{id: 'misko'}, {id: 'igor'}];161      scope.$digest();162      var li0 = element.find('li')[0];163      var li1 = element.find('li')[1];164      scope.items.push(scope.items.shift());165      scope.$digest();166      expect(element.find('li')[0]).toBe(li1);167      expect(element.find('li')[1]).toBe(li0);168    });169    it('should track using build in $id function', function() {170      element = $compile(171          '<ul>' +172              '<li ng-repeat="item in items track by $id(item)">{{item.name}};</li>' +173              '</ul>')(scope);174      scope.items = [{name: 'misko'}, {name: 'igor'}];175      scope.$digest();176      var li0 = element.find('li')[0];177      var li1 = element.find('li')[1];178      scope.items.push(scope.items.shift());179      scope.$digest();180      expect(element.find('li')[0]).toBe(li1);181      expect(element.find('li')[1]).toBe(li0);182    });183    it('should still filter when track is present', function() {184      scope.isIgor = function(item) {185        return item.name === 'igor';186      };187      element = $compile(188          '<ul>' +189            '<li ng-repeat="item in items | filter:isIgor track by $id(item)">{{item.name}};</li>' +190          '</ul>')(scope);191      scope.items = [{name: 'igor'}, {name: 'misko'}];192      scope.$digest();193      expect(element.find('li').text()).toBe('igor;');194    });195    it('should track using provided function when a filter is present', function() {196      scope.newArray = function(items) {197        var newArray = [];198        angular.forEach(items, function(item) {199          newArray.push({200            id: item.id,201            name: item.name202          });203        });204        return newArray;205      };206      element = $compile(207          '<ul>' +208            '<li ng-repeat="item in items | filter:newArray track by item.id">{{item.name}};</li>' +209          '</ul>')(scope);210      scope.items = [211        {id: 1, name: 'igor'},212        {id: 2, name: 'misko'}213      ];214      scope.$digest();215      expect(element.text()).toBe('igor;misko;');216      var li0 = element.find('li')[0];217      var li1 = element.find('li')[1];218      scope.items.push(scope.items.shift());219      scope.$digest();220      expect(element.find('li')[0]).toBe(li1);221      expect(element.find('li')[1]).toBe(li0);222    });223    it('should iterate over an array of primitives', function() {224      element = $compile(225          '<ul>' +226              '<li ng-repeat="item in items track by $index">{{item}};</li>' +227          '</ul>')(scope);228      Array.prototype.extraProperty = "should be ignored";229      // INIT230      scope.items = [true, true, true];231      scope.$digest();232      expect(element.find('li').length).toEqual(3);233      expect(element.text()).toEqual('true;true;true;');234      delete Array.prototype.extraProperty;235      scope.items = [false, true, true];236      scope.$digest();237      expect(element.find('li').length).toEqual(3);238      expect(element.text()).toEqual('false;true;true;');239      scope.items = [false, true, false];240      scope.$digest();241      expect(element.find('li').length).toEqual(3);242      expect(element.text()).toEqual('false;true;false;');243      scope.items = [true];244      scope.$digest();245      expect(element.find('li').length).toEqual(1);246      expect(element.text()).toEqual('true;');247      scope.items = [true, true, false];248      scope.$digest();249      expect(element.find('li').length).toEqual(3);250      expect(element.text()).toEqual('true;true;false;');251      scope.items = [true, false, false];252      scope.$digest();253      expect(element.find('li').length).toEqual(3);254      expect(element.text()).toEqual('true;false;false;');255      // string256      scope.items = ['a', 'a', 'a'];257      scope.$digest();258      expect(element.find('li').length).toEqual(3);259      expect(element.text()).toEqual('a;a;a;');260      scope.items = ['ab', 'a', 'a'];261      scope.$digest();262      expect(element.find('li').length).toEqual(3);263      expect(element.text()).toEqual('ab;a;a;');264      scope.items = ['test'];265      scope.$digest();266      expect(element.find('li').length).toEqual(1);267      expect(element.text()).toEqual('test;');268      scope.items = ['same', 'value'];269      scope.$digest();270      expect(element.find('li').length).toEqual(2);271      expect(element.text()).toEqual('same;value;');272      // number273      scope.items = [12, 12, 12];274      scope.$digest();275      expect(element.find('li').length).toEqual(3);276      expect(element.text()).toEqual('12;12;12;');277      scope.items = [53, 12, 27];278      scope.$digest();279      expect(element.find('li').length).toEqual(3);280      expect(element.text()).toEqual('53;12;27;');281      scope.items = [89];282      scope.$digest();283      expect(element.find('li').length).toEqual(1);284      expect(element.text()).toEqual('89;');285      scope.items = [89, 23];286      scope.$digest();287      expect(element.find('li').length).toEqual(2);288      expect(element.text()).toEqual('89;23;');289    });290    it('should iterate over object with changing primitive property values', function() {291      // test for issue #933292      element = $compile(293          '<ul>' +294            '<li ng-repeat="(key, value) in items track by $index">' +295              '{{key}}:{{value}};' +296              '<input type="checkbox" ng-model="items[key]">' +297            '</li>' +298          '</ul>')(scope);299      scope.items = {misko: true, shyam: true, zhenbo:true};300      scope.$digest();301      expect(element.find('li').length).toEqual(3);302      expect(element.text()).toEqual('misko:true;shyam:true;zhenbo:true;');303      browserTrigger(element.find('input').eq(0), 'click');304      expect(element.text()).toEqual('misko:false;shyam:true;zhenbo:true;');305      expect(element.find('input')[0].checked).toBe(false);306      expect(element.find('input')[1].checked).toBe(true);307      expect(element.find('input')[2].checked).toBe(true);308      browserTrigger(element.find('input').eq(0), 'click');309      expect(element.text()).toEqual('misko:true;shyam:true;zhenbo:true;');310      expect(element.find('input')[0].checked).toBe(true);311      expect(element.find('input')[1].checked).toBe(true);312      expect(element.find('input')[2].checked).toBe(true);313      browserTrigger(element.find('input').eq(1), 'click');314      expect(element.text()).toEqual('misko:true;shyam:false;zhenbo:true;');315      expect(element.find('input')[0].checked).toBe(true);316      expect(element.find('input')[1].checked).toBe(false);317      expect(element.find('input')[2].checked).toBe(true);318      scope.items = {misko: false, shyam: true, zhenbo: true};319      scope.$digest();320      expect(element.text()).toEqual('misko:false;shyam:true;zhenbo:true;');321      expect(element.find('input')[0].checked).toBe(false);322      expect(element.find('input')[1].checked).toBe(true);323      expect(element.find('input')[2].checked).toBe(true);324    });325  });326  describe('alias as', function() {327    it('should assigned the filtered to the target scope property if an alias is provided', function() {328      element = $compile(329        '<div ng-repeat="item in items | filter:x as results track by $index">{{item.name}}/</div>')(scope);330      scope.items = [331        { name: 'red' },332        { name: 'blue' },333        { name: 'green' },334        { name: 'black' },335        { name: 'orange' },336        { name: 'blonde' }337      ];338      expect(scope.results).toBeUndefined();339      scope.$digest();340      scope.x = 'bl';341      scope.$digest();342      expect(scope.results).toEqual([343        { name: 'blue' },344        { name: 'black' },345        { name: 'blonde' }346      ]);347      scope.items = [];348      scope.$digest();349      expect(scope.results).toEqual([]);350    });351    it('should render a message when the repeat list is empty', function() {352      element = $compile(353        '<div>' +354        '  <div ng-repeat="item in items | filter:x as results">{{item}}</div>' +355        '  <div ng-if="results.length == 0">' +356        '    No results found...' +357        '  </div>' +358        '</div>')(scope);359      scope.items = [1,2,3,4,5,6];360      scope.$digest();361      expect(trim(element.text())).toEqual('123456');362      scope.x = '0';363      scope.$digest();364      expect(trim(element.text())).toEqual('No results found...');365    });366    it('should support alias identifiers containing reserved words', inject(function($exceptionHandler) {367      scope.x = 'bl';368      scope.items = [369        { name: 'red' },370        { name: 'blue' },371        { name: 'green' },372        { name: 'black' },373        { name: 'orange' },374        { name: 'blonde' }375      ];376      forEach([377        'null2',378        'qthis',379        'qthisq',380        'fundefined',381        '$$parent'382      ], function(name) {383        var expr = 'item in items | filter:x as ' + name + ' track by $index';384        element = $compile('<div><div ng-repeat="' + expr + '"></div></div>')(scope);385        scope.$digest();386        expect(scope[name]).toEqual([387          { name: 'blue' },388          { name: 'black' },389          { name: 'blonde' }390        ]);391        dealoc(element);392      });393    }));394    it('should throw if alias identifier is not a simple identifier', inject(function($exceptionHandler) {395      scope.x = 'bl';396      scope.items = [397        { name: 'red' },398        { name: 'blue' },399        { name: 'green' },400        { name: 'black' },401        { name: 'orange' },402        { name: 'blonde' }403      ];404      forEach([405        'null',406        'this',407        'undefined',408        '$parent',409        '$root',410        '$id',411        '$index',412        '$first',413        '$middle',414        '$last',415        '$even',416        '$odd',417        'obj[key]',418        'obj["key"]',419        'obj[\'key\']',420        'obj.property',421        'foo=6'422      ], function(expr) {423        var expression = ('item in items | filter:x as ' + expr + ' track by $index').replace(/"/g, '&quot;');424        element = $compile(425          '<div>' +426          '  <div ng-repeat="' + expression + '">{{item}}</div>' +427          '</div>')(scope);428        var expected = new RegExp('^\\[ngRepeat:badident\\] alias \'' + escape(expr) + '\' is invalid --- must be a valid JS identifier which is not a reserved name');429        expect($exceptionHandler.errors.shift()[0].message).430          toMatch(expected);431        dealoc(element);432      });433      function escape(text) {434        return text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");435      }436    }));437  });438  it('should allow expressions over multiple lines', function() {439    element = $compile(440      '<ul>' +441        '<li ng-repeat="item in items\n' +442        '| filter:isTrue">{{item.name}}/</li>' +443      '</ul>')(scope);444    scope.isTrue = function() {return true;};445    scope.items = [{name: 'igor'}, {name: 'misko'}];446    scope.$digest();447    expect(element.text()).toEqual('igor/misko/');448  });449  it('should strip white space characters correctly', function() {450    element = $compile(451      '<ul>' +452        '<li ng-repeat="item   \t\n  \t  in  \n \t\n\n \nitems \t\t\n | filter:\n\n{' +453        '\n\t name:\n\n \'ko\'\n\n}\n\n | orderBy: \t \n \'name\' \n\n' +454        'track \t\n  by \n\n\t $index \t\n ">{{item.name}}/</li>' +455      '</ul>')(scope);456    scope.items = [{name: 'igor'}, {name: 'misko'}];457    scope.$digest();458    expect(element.text()).toEqual('misko/');459  });460  it('should not ngRepeat over parent properties', function() {461    var Class = function() {};462    Class.prototype.abc = function() {};463    Class.prototype.value = 'abc';464    element = $compile(465      '<ul>' +466        '<li ng-repeat="(key, value) in items">{{key}}:{{value}};</li>' +467      '</ul>')(scope);468    scope.items = new Class();469    scope.items.name = 'value';470    scope.$digest();471    expect(element.text()).toEqual('name:value;');472  });473  it('should error on wrong parsing of ngRepeat', function() {474    element = jqLite('<ul><li ng-repeat="i dont parse"></li></ul>');475    $compile(element)(scope);476    expect($exceptionHandler.errors.shift()[0].message).477        toMatch(/^\[ngRepeat:iexp\] Expected expression in form of '_item_ in _collection_\[ track by _id_\]' but got 'i dont parse'\./);478  });479  it("should throw error when left-hand-side of ngRepeat can't be parsed", function() {480    element = jqLite('<ul><li ng-repeat="i dont parse in foo"></li></ul>');481    $compile(element)(scope);482    expect($exceptionHandler.errors.shift()[0].message).483      toMatch(/^\[ngRepeat:iidexp\] '_item_' in '_item_ in _collection_' should be an identifier or '\(_key_, _value_\)' expression, but got 'i dont parse'\./);484  });485  it('should expose iterator offset as $index when iterating over arrays',486      function() {487    element = $compile(488      '<ul>' +489        '<li ng-repeat="item in items">{{item}}:{{$index}}|</li>' +490      '</ul>')(scope);491    scope.items = ['misko', 'shyam', 'frodo'];492    scope.$digest();493    expect(element.text()).toEqual('misko:0|shyam:1|frodo:2|');494  });495  it('should expose iterator offset as $index when iterating over objects', function() {496    element = $compile(497      '<ul>' +498        '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$index}}|</li>' +499      '</ul>')(scope);500    scope.items = {'misko':'m', 'shyam':'s', 'frodo':'f'};501    scope.$digest();502    expect(element.text()).toEqual('misko:m:0|shyam:s:1|frodo:f:2|');503  });504  it('should expose iterator offset as $index when iterating over objects with length key value 0', function() {505    element = $compile(506      '<ul>' +507        '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$index}}|</li>' +508      '</ul>')(scope);509    scope.items = {'misko':'m', 'shyam':'s', 'frodo':'f', 'length':0};510    scope.$digest();511    expect(element.text()).toEqual('misko:m:0|shyam:s:1|frodo:f:2|length:0:3|');512  });513  it('should expose iterator position as $first, $middle and $last when iterating over arrays',514      function() {515    element = $compile(516      '<ul>' +517        '<li ng-repeat="item in items">{{item}}:{{$first}}-{{$middle}}-{{$last}}|</li>' +518      '</ul>')(scope);519    scope.items = ['misko', 'shyam', 'doug'];520    scope.$digest();521    expect(element.text()).522        toEqual('misko:true-false-false|shyam:false-true-false|doug:false-false-true|');523    scope.items.push('frodo');524    scope.$digest();525    expect(element.text()).526        toEqual('misko:true-false-false|' +527                'shyam:false-true-false|' +528                'doug:false-true-false|' +529                'frodo:false-false-true|');530    scope.items.pop();531    scope.items.pop();532    scope.$digest();533    expect(element.text()).toEqual('misko:true-false-false|shyam:false-false-true|');534    scope.items.pop();535    scope.$digest();536    expect(element.text()).toEqual('misko:true-false-true|');537  });538  it('should expose iterator position as $even and $odd when iterating over arrays',539      function() {540    element = $compile(541      '<ul>' +542        '<li ng-repeat="item in items">{{item}}:{{$even}}-{{$odd}}|</li>' +543      '</ul>')(scope);544    scope.items = ['misko', 'shyam', 'doug'];545    scope.$digest();546    expect(element.text()).547        toEqual('misko:true-false|shyam:false-true|doug:true-false|');548    scope.items.push('frodo');549    scope.$digest();550    expect(element.text()).551        toBe('misko:true-false|' +552                'shyam:false-true|' +553                'doug:true-false|' +554                'frodo:false-true|');555    scope.items.shift();556    scope.items.pop();557    scope.$digest();558    expect(element.text()).toBe('shyam:true-false|doug:false-true|');559  });560  it('should expose iterator position as $first, $middle and $last when iterating over objects',561      function() {562    element = $compile(563      '<ul>' +564        '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$first}}-{{$middle}}-{{$last}}|</li>' +565      '</ul>')(scope);566    scope.items = {'misko':'m', 'shyam':'s', 'doug':'d', 'frodo':'f'};567    scope.$digest();568    expect(element.text()).569        toEqual('misko:m:true-false-false|' +570                'shyam:s:false-true-false|' +571                'doug:d:false-true-false|' +572                'frodo:f:false-false-true|');573    delete scope.items.doug;574    delete scope.items.frodo;575    scope.$digest();576    expect(element.text()).toEqual('misko:m:true-false-false|shyam:s:false-false-true|');577    delete scope.items.shyam;578    scope.$digest();579    expect(element.text()).toEqual('misko:m:true-false-true|');580  });581  it('should expose iterator position as $even and $odd when iterating over objects',582      function() {583    element = $compile(584      '<ul>' +585        '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$even}}-{{$odd}}|</li>' +586      '</ul>')(scope);587    scope.items = {'misko':'m', 'shyam':'s', 'doug':'d', 'frodo':'f'};588    scope.$digest();589    expect(element.text()).590        toBe('misko:m:true-false|' +591                'shyam:s:false-true|' +592                'doug:d:true-false|' +593                'frodo:f:false-true|');594    delete scope.items.frodo;595    delete scope.items.shyam;596    scope.$digest();597    expect(element.text()).toBe('misko:m:true-false|doug:d:false-true|');598  });599  it('should calculate $first, $middle and $last when we filter out properties from an obj', function() {600    element = $compile(601        '<ul>' +602            '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$first}}-{{$middle}}-{{$last}}|</li>' +603            '</ul>')(scope);604    scope.items = {'misko':'m', 'shyam':'s', 'doug':'d', 'frodo':'f', '$toBeFilteredOut': 'xxxx'};605    scope.$digest();606    expect(element.text()).607        toEqual('misko:m:true-false-false|' +608        'shyam:s:false-true-false|' +609        'doug:d:false-true-false|' +610        'frodo:f:false-false-true|');611  });612  it('should calculate $even and $odd when we filter out properties from an obj', function() {613    element = $compile(614        '<ul>' +615            '<li ng-repeat="(key, val) in items">{{key}}:{{val}}:{{$even}}-{{$odd}}|</li>' +616            '</ul>')(scope);617    scope.items = {'misko':'m', 'shyam':'s', 'doug':'d', 'frodo':'f', '$toBeFilteredOut': 'xxxx'};618    scope.$digest();619    expect(element.text()).620        toEqual('misko:m:true-false|' +621        'shyam:s:false-true|' +622        'doug:d:true-false|' +623        'frodo:f:false-true|');624  });625  it('should ignore $ and $$ properties', function() {626    element = $compile('<ul><li ng-repeat="i in items">{{i}}|</li></ul>')(scope);627    scope.items = ['a', 'b', 'c'];628    scope.items.$$hashKey = 'xxx';629    scope.items.$root = 'yyy';630    scope.$digest();631    expect(element.text()).toEqual('a|b|c|');632  });633  it('should repeat over nested arrays', function() {634    element = $compile(635      '<ul>' +636        '<li ng-repeat="subgroup in groups">' +637          '<div ng-repeat="group in subgroup">{{group}}|</div>X' +638        '</li>' +639      '</ul>')(scope);640    scope.groups = [['a', 'b'], ['c','d']];641    scope.$digest();642    expect(element.text()).toEqual('a|b|Xc|d|X');643  });644  it('should ignore non-array element properties when iterating over an array', function() {645    element = $compile('<ul><li ng-repeat="item in array">{{item}}|</li></ul>')(scope);646    scope.array = ['a', 'b', 'c'];647    scope.array.foo = '23';648    scope.array.bar = function() {};649    scope.$digest();650    expect(element.text()).toBe('a|b|c|');651  });652  it('should iterate over non-existent elements of a sparse array', function() {653    element = $compile('<ul><li ng-repeat="item in array track by $index">{{item}}|</li></ul>')(scope);654    scope.array = ['a', 'b'];655    scope.array[4] = 'c';656    scope.array[6] = 'd';657    scope.$digest();658    expect(element.text()).toBe('a|b|||c||d|');659  });660  it('should iterate over all kinds of types', function() {661    element = $compile('<ul><li ng-repeat="item in array">{{item}}|</li></ul>')(scope);662    scope.array = ['a', 1, null, undefined, {}];663    scope.$digest();664    expect(element.text()).toMatch(/a\|1\|\|\|\{\s*\}\|/);665  });666  it('should preserve data on move of elements', function() {667    element = $compile('<ul><li ng-repeat="item in array">{{item}}|</li></ul>')(scope);668    scope.array = ['a', 'b'];669    scope.$digest();670    var lis = element.find('li');671    lis.eq(0).data('mark', 'a');672    lis.eq(1).data('mark', 'b');673    scope.array = ['b', 'a'];674    scope.$digest();675    lis = element.find('li');676    expect(lis.eq(0).data('mark')).toEqual('b');677    expect(lis.eq(1).data('mark')).toEqual('a');678  });679  describe('nesting in replaced directive templates', function() {680    it('should work when placed on a non-root element of attr directive with SYNC replaced template',681        inject(function($templateCache, $compile, $rootScope) {682      $compileProvider.directive('rr', function() {683        return {684          restrict: 'A',685          replace: true,686          template: '<div ng-repeat="i in items">{{i}}|</div>'687        };688      });689      element = jqLite('<div><span rr>{{i}}|</span></div>');690      $compile(element)($rootScope);691      $rootScope.$apply();692      expect(element.text()).toBe('');693      $rootScope.items = [1, 2];694      $rootScope.$apply();695      expect(element.text()).toBe('1|2|');696      expect(sortedHtml(element)).toBe(697          '<div>' +698            '<!-- ngRepeat: i in items -->' +699            '<div ng-repeat="i in items" rr="">1|</div>' +700            '<!-- end ngRepeat: i in items -->' +701            '<div ng-repeat="i in items" rr="">2|</div>' +702            '<!-- end ngRepeat: i in items -->' +703          '</div>'704      );705    }));706    it('should work when placed on a non-root element of attr directive with ASYNC replaced template',707        inject(function($templateCache, $compile, $rootScope) {708      $compileProvider.directive('rr', function() {709        return {710          restrict: 'A',711          replace: true,712          templateUrl: 'rr.html'713        };714      });715      $templateCache.put('rr.html', '<div ng-repeat="i in items">{{i}}|</div>');716      element = jqLite('<div><span rr>{{i}}|</span></div>');717      $compile(element)($rootScope);718      $rootScope.$apply();719      expect(element.text()).toBe('');720      $rootScope.items = [1, 2];721      $rootScope.$apply();722      expect(element.text()).toBe('1|2|');723      expect(sortedHtml(element)).toBe(724          '<div>' +725              '<!-- ngRepeat: i in items -->' +726              '<div ng-repeat="i in items" rr="">1|</div>' +727              '<!-- end ngRepeat: i in items -->' +728              '<div ng-repeat="i in items" rr="">2|</div>' +729              '<!-- end ngRepeat: i in items -->' +730              '</div>'731      );732    }));733    it('should work when placed on a root element of attr directive with SYNC replaced template',734        inject(function($templateCache, $compile, $rootScope) {735      $compileProvider.directive('replaceMeWithRepeater', function() {736        return {737          replace: true,738          template: '<span ng-repeat="i in items">{{log(i)}}</span>'739        };740      });741      element = jqLite('<span replace-me-with-repeater></span>');742      $compile(element)($rootScope);743      expect(element.text()).toBe('');744      var logs = [];745      $rootScope.log = function(t) { logs.push(t); };746      // This creates one item, but it has no parent so we can't get to it747      $rootScope.items = [1, 2];748      $rootScope.$apply();749      expect(logs).toContain(1);750      expect(logs).toContain(2);751      logs.length = 0;752      // This cleans up to prevent memory leak753      $rootScope.items = [];754      $rootScope.$apply();755      expect(angular.mock.dump(element)).toBe('<!-- ngRepeat: i in items -->');756      expect(logs.length).toBe(0);757    }));758    it('should work when placed on a root element of attr directive with ASYNC replaced template',759        inject(function($templateCache, $compile, $rootScope) {760      $compileProvider.directive('replaceMeWithRepeater', function() {761        return {762          replace: true,763          templateUrl: 'replace-me-with-repeater.html'764        };765      });766      $templateCache.put('replace-me-with-repeater.html', '<div ng-repeat="i in items">{{log(i)}}</div>');767      element = jqLite('<span>-</span><span replace-me-with-repeater></span><span>-</span>');768      $compile(element)($rootScope);769      expect(element.text()).toBe('--');770      var logs = [];771      $rootScope.log = function(t) { logs.push(t); };772      // This creates one item, but it has no parent so we can't get to it773      $rootScope.items = [1, 2];774      $rootScope.$apply();775      expect(logs).toContain(1);776      expect(logs).toContain(2);777      logs.length = 0;778      // This cleans up to prevent memory leak779      $rootScope.items = [];780      $rootScope.$apply();781      expect(sortedHtml(element)).toBe('<span>-</span><!-- ngRepeat: i in items --><span>-</span>');782      expect(logs.length).toBe(0);783    }));784    it('should work when placed on a root element of element directive with SYNC replaced template',785        inject(function($templateCache, $compile, $rootScope) {786      $compileProvider.directive('replaceMeWithRepeater', function() {787        return {788          restrict: 'E',789          replace: true,790          template: '<div ng-repeat="i in [1,2,3]">{{i}}</div>'791        };792      });793      element = $compile('<div><replace-me-with-repeater></replace-me-with-repeater></div>')($rootScope);794      expect(element.text()).toBe('');795      $rootScope.$apply();796      expect(element.text()).toBe('123');797    }));798    it('should work when placed on a root element of element directive with ASYNC replaced template',799        inject(function($templateCache, $compile, $rootScope) {800      $compileProvider.directive('replaceMeWithRepeater', function() {801        return {802          restrict: 'E',803          replace: true,804          templateUrl: 'replace-me-with-repeater.html'805        };806      });807      $templateCache.put('replace-me-with-repeater.html', '<div ng-repeat="i in [1,2,3]">{{i}}</div>');808      element = $compile('<div><replace-me-with-repeater></replace-me-with-repeater></div>')($rootScope);809      expect(element.text()).toBe('');810      $rootScope.$apply();811      expect(element.text()).toBe('123');812    }));813    it('should work when combined with an ASYNC template that loads after the first digest', inject(function($httpBackend, $compile, $rootScope) {814      $compileProvider.directive('test', function() {815        return {816          templateUrl: 'test.html'817        };818      });819      $httpBackend.whenGET('test.html').respond('hello');820      element = jqLite('<div><div ng-repeat="i in items" test></div></div>');821      $compile(element)($rootScope);822      $rootScope.items = [1];823      $rootScope.$apply();824      expect(element.text()).toBe('');825      $httpBackend.flush();826      expect(element.text()).toBe('hello');827      $rootScope.items = [];828      $rootScope.$apply();829      // Note: there are still comments in element!830      expect(element.children().length).toBe(0);831      expect(element.text()).toBe('');832    }));833  });834  it('should add separator comments after each item', inject(function($compile, $rootScope) {835    var check = function() {836      var children = element.find('div');837      expect(children.length).toBe(3);838      // Note: COMMENT_NODE === 8839      expect(children[0].nextSibling.nodeType).toBe(8);840      expect(children[0].nextSibling.nodeValue).toBe(' end ngRepeat: val in values ');841      expect(children[1].nextSibling.nodeType).toBe(8);842      expect(children[1].nextSibling.nodeValue).toBe(' end ngRepeat: val in values ');843      expect(children[2].nextSibling.nodeType).toBe(8);844      expect(children[2].nextSibling.nodeValue).toBe(' end ngRepeat: val in values ');845    };846    $rootScope.values = [1, 2, 3];847    element = $compile(848      '<div>' +849        '<div ng-repeat="val in values">val:{{val}};</div>' +850      '</div>'851    )($rootScope);852    $rootScope.$digest();853    check();854    $rootScope.values.shift();855    $rootScope.values.push(4);856    $rootScope.$digest();857    check();858  }));859  it('should remove whole block even if the number of elements inside it changes', inject(860      function($compile, $rootScope) {861    $rootScope.values = [1, 2, 3];862    element = $compile(863      '<div>' +864        '<div ng-repeat-start="val in values"></div>' +865        '<span>{{val}}</span>' +866        '<p ng-repeat-end></p>' +867      '</div>'868    )($rootScope);869    $rootScope.$digest();870    var ends = element.find('p');871    expect(ends.length).toBe(3);872    // insert an extra element inside the second block873    var extra = angular.element('<strong></strong>')[0];874    element[0].insertBefore(extra, ends[1]);875    $rootScope.values.splice(1, 1);876    $rootScope.$digest();877    // expect the strong tag to be removed too878    expect(childrenTagsOf(element)).toEqual([879      'div', 'span', 'p',880      'div', 'span', 'p'881    ]);882  }));883  it('should move whole block even if the number of elements inside it changes', inject(884      function($compile, $rootScope) {885    $rootScope.values = [1, 2, 3];886    element = $compile(887      '<div>' +888        '<div ng-repeat-start="val in values"></div>' +889        '<span>{{val}}</span>' +890        '<p ng-repeat-end></p>' +891      '</div>'892    )($rootScope);893    $rootScope.$digest();894    var ends = element.find('p');895    expect(ends.length).toBe(3);896    // insert an extra element inside the third block897    var extra = angular.element('<strong></strong>')[0];898    element[0].insertBefore(extra, ends[2]);899    // move the third block to the beginning900    $rootScope.values.unshift($rootScope.values.pop());901    $rootScope.$digest();902    // expect the strong tag to be moved too903    expect(childrenTagsOf(element)).toEqual([904      'div', 'span', 'strong', 'p',905      'div', 'span', 'p',906      'div', 'span', 'p'907    ]);908  }));909  describe('stability', function() {910    var a, b, c, d, lis;911    beforeEach(function() {912      element = $compile(913        '<ul>' +914          '<li ng-repeat="item in items">{{item}}</li>' +915        '</ul>')(scope);916      a = {};917      b = {};918      c = {};919      d = {};920      scope.items = [a, b, c];921      scope.$digest();922      lis = element.find('li');923    });924    it('should preserve the order of elements', function() {925      scope.items = [a, c, d];926      scope.$digest();927      var newElements = element.find('li');928      expect(newElements[0]).toEqual(lis[0]);929      expect(newElements[1]).toEqual(lis[2]);930      expect(newElements[2]).not.toEqual(lis[1]);931    });932    it('should throw error on adding existing duplicates and recover', function() {933      scope.items = [a, a, a];934      scope.$digest();935      expect($exceptionHandler.errors.shift().message).936          toMatch(937            /^\[ngRepeat:dupes\] Duplicates in a repeater are not allowed\. Use 'track by' expression to specify unique keys\. Repeater: item in items, Duplicate key: object:3, Duplicate value: {}/);938      // recover939      scope.items = [a];940      scope.$digest();941      var newElements = element.find('li');942      expect(newElements.length).toEqual(1);943      expect(newElements[0]).toEqual(lis[0]);944      scope.items = [];945      scope.$digest();946      newElements = element.find('li');947      expect(newElements.length).toEqual(0);948    });949    it('should throw error on new duplicates and recover', function() {950      scope.items = [d, d, d];951      scope.$digest();952      expect($exceptionHandler.errors.shift().message).953          toMatch(954            /^\[ngRepeat:dupes\] Duplicates in a repeater are not allowed\. Use 'track by' expression to specify unique keys\. Repeater: item in items, Duplicate key: object:9, Duplicate value: {}/);955      // recover956      scope.items = [a];957      scope.$digest();958      var newElements = element.find('li');959      expect(newElements.length).toEqual(1);960      expect(newElements[0]).toEqual(lis[0]);961      scope.items = [];962      scope.$digest();963      newElements = element.find('li');964      expect(newElements.length).toEqual(0);965    });966    it('should reverse items when the collection is reversed', function() {967      scope.items = [a, b, c];968      scope.$digest();969      lis = element.find('li');970      scope.items = [c, b, a];971      scope.$digest();972      var newElements = element.find('li');973      expect(newElements.length).toEqual(3);974      expect(newElements[0]).toEqual(lis[2]);975      expect(newElements[1]).toEqual(lis[1]);976      expect(newElements[2]).toEqual(lis[0]);977    });978    it('should reuse elements even when model is composed of primitives', function() {979      // rebuilding repeater from scratch can be expensive, we should try to avoid it even for980      // model that is composed of primitives.981      scope.items = ['hello', 'cau', 'ahoj'];982      scope.$digest();983      lis = element.find('li');984      lis[2].id = 'yes';985      scope.items = ['ahoj', 'hello', 'cau'];986      scope.$digest();987      var newLis = element.find('li');988      expect(newLis.length).toEqual(3);989      expect(newLis[0]).toEqual(lis[2]);990      expect(newLis[1]).toEqual(lis[0]);991      expect(newLis[2]).toEqual(lis[1]);992    });993    it('should be stable even if the collection is initially undefined', function() {994      scope.items = undefined;995      scope.$digest();996      scope.items = [997        { name: 'A' },998        { name: 'B' },999        { name: 'C' }1000      ];1001      scope.$digest();1002      lis = element.find('li');1003      scope.items.shift();1004      scope.$digest();1005      var newLis = element.find('li');1006      expect(newLis.length).toBe(2);1007      expect(newLis[0]).toBe(lis[1]);1008    });1009  });1010  describe('compatibility', function() {1011    it('should allow mixing ngRepeat and another element transclusion directive', function() {1012      $compileProvider.directive('elmTrans', valueFn({1013        transclude: 'element',1014        controller: function($transclude, $scope, $element) {1015          $transclude(function(transcludedNodes) {1016            $element.after(']]').after(transcludedNodes).after('[[');1017          });1018        }1019      }));1020      inject(function($compile, $rootScope) {1021        element = $compile('<div><div ng-repeat="i in [1,2]" elm-trans>{{i}}</div></div>')($rootScope);1022        $rootScope.$digest();1023        expect(element.text()).toBe('[[1]][[2]]');1024      });1025    });1026    it('should allow mixing ngRepeat with ngInclude', inject(function($compile, $rootScope, $httpBackend) {1027      $httpBackend.whenGET('someTemplate.html').respond('<p>some template; </p>');1028      element = $compile('<div><div ng-repeat="i in [1,2]" ng-include="\'someTemplate.html\'"></div></div>')($rootScope);1029      $rootScope.$digest();1030      $httpBackend.flush();1031      expect(element.text()).toBe('some template; some template; ');1032    }));1033    it('should allow mixing ngRepeat with ngIf', inject(function($compile, $rootScope) {1034      element = $compile('<div><div ng-repeat="i in [1,2,3,4]" ng-if="i % 2 == 0">{{i}};</div></div>')($rootScope);1035      $rootScope.$digest();1036      expect(element.text()).toBe('2;4;');1037    }));1038  });1039  describe('ngRepeatStart', function() {1040    it('should grow multi-node repeater', inject(function($compile, $rootScope) {1041      $rootScope.show = false;1042      $rootScope.books = [1043        {title:'T1', description: 'D1'},1044        {title:'T2', description: 'D2'}1045      ];1046      element = $compile(1047          '<div>' +1048              '<dt ng-repeat-start="book in books">{{book.title}}:</dt>' +1049              '<dd ng-repeat-end>{{book.description}};</dd>' +1050          '</div>')($rootScope);1051      $rootScope.$digest();1052      expect(element.text()).toEqual('T1:D1;T2:D2;');1053      $rootScope.books.push({title:'T3', description: 'D3'});1054      $rootScope.$digest();1055      expect(element.text()).toEqual('T1:D1;T2:D2;T3:D3;');1056    }));1057    it('should not clobber ng-if when updating collection', inject(function($compile, $rootScope) {1058      $rootScope.values = [1, 2, 3];1059      $rootScope.showMe = true;1060      element = $compile(1061        '<div>' +1062          '<div ng-repeat-start="val in values">val:{{val}};</div>' +1063          '<div ng-if="showMe" ng-repeat-end>if:{{val}};</div>' +1064        '</div>'1065      )($rootScope);1066      $rootScope.$digest();1067      expect(element.find('div').length).toBe(6);1068      $rootScope.values.shift();1069      $rootScope.values.push(4);1070      $rootScope.$digest();1071      expect(element.find('div').length).toBe(6);1072      expect(element.text()).not.toContain('if:1;');1073    }));1074  });1075});1076describe('ngRepeat and transcludes', function() {1077  it('should allow access to directive controller from children when used in a replace template', function() {1078    var controller;1079    module(function($compileProvider) {1080      var directive = $compileProvider.directive;1081      directive('template', valueFn({1082        template: '<div ng-repeat="l in [1]"><span test></span></div>',1083        replace: true,1084        controller: function() {1085          this.flag = true;1086        }1087      }));1088      directive('test', valueFn({1089        require: '^template',1090        link: function(scope, el, attr, ctrl) {1091          controller = ctrl;1092        }1093      }));1094    });1095    inject(function($compile, $rootScope) {1096      var element = $compile('<div><div template></div></div>')($rootScope);1097      $rootScope.$apply();1098      expect(controller.flag).toBe(true);1099      dealoc(element);1100    });1101  });1102  it('should use the correct transcluded scope', function() {1103    module(function($compileProvider) {1104      $compileProvider.directive('iso', valueFn({1105        restrict: 'E',1106        transclude: true,1107        template: '<div ng-repeat="a in [1]"><div ng-transclude></div></div>',1108        scope: {}1109      }));1110    });1111    inject(function($compile, $rootScope) {1112      $rootScope.val = 'transcluded content';1113      var element = $compile('<iso><span ng-bind="val"></span></iso>')($rootScope);1114      $rootScope.$digest();1115      expect(trim(element.text())).toEqual('transcluded content');1116      dealoc(element);1117    });1118  });1119  it('should set the state before linking', function() {1120    module(function($compileProvider) {1121      $compileProvider.directive('assertA', valueFn(function(scope) {1122        // This linking function asserts that a is set.1123        // If we only test this by asserting binding, it will work even if the value is set later.1124        expect(scope.a).toBeDefined();1125      }));1126    });1127    inject(function($compile, $rootScope) {1128      var element = $compile('<div><span ng-repeat="a in [1]"><span assert-a></span></span></div>')($rootScope);1129      $rootScope.$digest();1130      dealoc(element);1131    });1132  });1133  it('should work with svg elements when the svg container is transcluded', function() {1134    module(function($compileProvider) {1135      $compileProvider.directive('svgContainer', function() {1136        return {1137          template: '<svg ng-transclude></svg>',1138          replace: true,1139          transclude: true1140        };1141      });1142    });1143    inject(function($compile, $rootScope) {1144      var element = $compile('<svg-container><circle ng-repeat="r in rows"></circle></svg-container>')($rootScope);1145      $rootScope.rows = [1];1146      $rootScope.$apply();1147      var circle = element.find('circle');1148      expect(circle[0].toString()).toMatch(/SVG/);1149      dealoc(element);1150    });1151  });1152});1153describe('ngRepeat animations', function() {1154  var body, element, $rootElement;1155  function html(content) {1156    $rootElement.html(content);1157    element = $rootElement.children().eq(0);1158    return element;1159  }1160  beforeEach(module('ngAnimate'));1161  beforeEach(module('ngAnimateMock'));1162  beforeEach(module(function() {1163    // we need to run animation on attached elements;1164    return function(_$rootElement_) {1165      $rootElement = _$rootElement_;1166      body = jqLite(document.body);1167      body.append($rootElement);1168    };1169  }));1170  afterEach(function() {1171    body.empty();1172  });1173  it('should fire off the enter animation',1174    inject(function($compile, $rootScope, $animate) {1175    var item;1176    element = $compile(html(1177      '<div><div ' +1178        'ng-repeat="item in items">' +1179        '{{ item }}' +1180      '</div></div>'1181    ))($rootScope);1182    $rootScope.$digest(); // re-enable the animations;1183    $rootScope.items = ['1','2','3'];1184    $rootScope.$digest();1185    item = $animate.queue.shift();1186    expect(item.event).toBe('enter');1187    expect(item.element.text()).toBe('1');1188    item = $animate.queue.shift();1189    expect(item.event).toBe('enter');1190    expect(item.element.text()).toBe('2');1191    item = $animate.queue.shift();1192    expect(item.event).toBe('enter');1193    expect(item.element.text()).toBe('3');1194  }));1195  it('should fire off the leave animation',1196    inject(function($compile, $rootScope, $animate) {1197    var item;1198    element = $compile(html(1199      '<div><div ' +1200        'ng-repeat="item in items">' +1201        '{{ item }}' +1202      '</div></div>'1203    ))($rootScope);1204    $rootScope.items = ['1','2','3'];1205    $rootScope.$digest();1206    item = $animate.queue.shift();1207    expect(item.event).toBe('enter');1208    expect(item.element.text()).toBe('1');1209    item = $animate.queue.shift();1210    expect(item.event).toBe('enter');1211    expect(item.element.text()).toBe('2');1212    item = $animate.queue.shift();1213    expect(item.event).toBe('enter');1214    expect(item.element.text()).toBe('3');1215    $rootScope.items = ['1','3'];1216    $rootScope.$digest();1217    item = $animate.queue.shift();1218    expect(item.event).toBe('leave');1219    expect(item.element.text()).toBe('2');1220  }));1221  it('should not change the position of the block that is being animated away via a leave animation',1222    inject(function($compile, $rootScope, $animate, $document, $sniffer, $timeout) {1223      if (!$sniffer.transitions) return;1224      var item;1225      var ss = createMockStyleSheet($document);1226      try {1227        $animate.enabled(true);1228        ss.addRule('.animate-me div',1229                      '-webkit-transition:1s linear all; transition:1s linear all;');1230        element = $compile(html('<div class="animate-me">' +1231                                  '<div ng-repeat="item in items">{{ item }}</div>' +1232                                '</div>'))($rootScope);1233        $rootScope.items = ['1','2','3'];1234        $rootScope.$digest();1235        expect(element.text()).toBe('123');1236        $rootScope.items = ['1','3'];1237        $rootScope.$digest();1238        expect(element.text()).toBe('123'); // the original order should be preserved1239        $animate.flush();1240        $timeout.flush(1500); // 1s * 1.5 closing buffer1241        expect(element.text()).toBe('13');1242      } finally {1243        ss.destroy();1244      }1245    })1246  );1247  it('should fire off the move animation',1248    inject(function($compile, $rootScope, $animate) {1249      var item;1250      element = $compile(html(1251        '<div>' +1252          '<div ng-repeat="item in items">' +1253            '{{ item }}' +1254          '</div>' +1255        '</div>'1256      ))($rootScope);1257      $rootScope.items = ['1','2','3'];1258      $rootScope.$digest();1259      item = $animate.queue.shift();1260      expect(item.event).toBe('enter');1261      expect(item.element.text()).toBe('1');1262      item = $animate.queue.shift();1263      expect(item.event).toBe('enter');1264      expect(item.element.text()).toBe('2');1265      item = $animate.queue.shift();1266      expect(item.event).toBe('enter');1267      expect(item.element.text()).toBe('3');1268      $rootScope.items = ['2','3','1'];1269      $rootScope.$digest();1270      item = $animate.queue.shift();1271      expect(item.event).toBe('move');1272      expect(item.element.text()).toBe('2');1273      item = $animate.queue.shift();1274      expect(item.event).toBe('move');1275      expect(item.element.text()).toBe('3');1276    })1277  );...

...16    element = $compile('<div ng-messages="col">' +17                       '  <div ng-message="val">Message is set</div>' +18                       '</div>')($rootScope);19    $rootScope.$digest();20    expect(element.text()).not.toContain('Message is set');21    $rootScope.$apply(function() {22      $rootScope.col = { val: true };23    });24    expect(element.text()).toContain('Message is set');25  }));26  it('should render the same message if multiple message keys match', inject(function($rootScope, $compile) {27    element = $compile('<div ng-messages="col">' +28                       '  <div ng-message="one, two, three">Message is set</div>' +29                       '</div>')($rootScope);30    $rootScope.$digest();31    expect(element.text()).not.toContain('Message is set');32    $rootScope.$apply(function() {33      $rootScope.col = { one: true };34    });35    expect(element.text()).toContain('Message is set');36    $rootScope.$apply(function() {37      $rootScope.col = { two: true, one: false };38    });39    expect(element.text()).toContain('Message is set');40    $rootScope.$apply(function() {41      $rootScope.col = { three: true, two: false };42    });43    expect(element.text()).toContain('Message is set');44    $rootScope.$apply(function() {45      $rootScope.col = { three: false };46    });47    expect(element.text()).not.toContain('Message is set');48  }));49  it('should use the when attribute when an element directive is used',50    inject(function($rootScope, $compile) {51    element = $compile('<ng-messages for="col">' +52                       '  <ng-message when="val">Message is set</div>' +53                       '</ng-messages>')($rootScope);54    $rootScope.$digest();55    expect(element.text()).not.toContain('Message is set');56    $rootScope.$apply(function() {57      $rootScope.col = { val: true };58    });59    expect(element.text()).toContain('Message is set');60  }));61  it('should render the same message if multiple message keys match based on the when attribute', inject(function($rootScope, $compile) {62    element = $compile('<ng-messages for="col">' +63                       '  <ng-message when=" one two three ">Message is set</div>' +64                       '</ng-messages>')($rootScope);65    $rootScope.$digest();66    expect(element.text()).not.toContain('Message is set');67    $rootScope.$apply(function() {68      $rootScope.col = { one: true };69    });70    expect(element.text()).toContain('Message is set');71    $rootScope.$apply(function() {72      $rootScope.col = { two: true, one: false };73    });74    expect(element.text()).toContain('Message is set');75    $rootScope.$apply(function() {76      $rootScope.col = { three: true, two: false };77    });78    expect(element.text()).toContain('Message is set');79    $rootScope.$apply(function() {80      $rootScope.col = { three: false };81    });82    expect(element.text()).not.toContain('Message is set');83  }));84  it('should allow a dynamic expression to be set when ng-message-exp is used',85    inject(function($rootScope, $compile) {86    element = $compile('<div ng-messages="col">' +87                       '  <div ng-message-exp="variable">Message is crazy</div>' +88                       '</div>')($rootScope);89    $rootScope.$digest();90    expect(element.text()).not.toContain('Message is crazy');91    $rootScope.$apply(function() {92      $rootScope.variable = 'error';93      $rootScope.col = { error: true };94    });95    expect(element.text()).toContain('Message is crazy');96    $rootScope.$apply(function() {97      $rootScope.col = { error: false, failure: true };98    });99    expect(element.text()).not.toContain('Message is crazy');100    $rootScope.$apply(function() {101      $rootScope.variable = ['failure'];102    });103    expect(element.text()).toContain('Message is crazy');104    $rootScope.$apply(function() {105      $rootScope.variable = null;106    });107    expect(element.text()).not.toContain('Message is crazy');108  }));109  it('should allow a dynamic expression to be set when the when-exp attribute is used',110    inject(function($rootScope, $compile) {111    element = $compile('<ng-messages for="col">' +112                       '  <ng-message when-exp="variable">Message is crazy</ng-message>' +113                       '</ng-messages>')($rootScope);114    $rootScope.$digest();115    expect(element.text()).not.toContain('Message is crazy');116    $rootScope.$apply(function() {117      $rootScope.variable = 'error, failure';118      $rootScope.col = { error: true };119    });120    expect(element.text()).toContain('Message is crazy');121    $rootScope.$apply(function() {122      $rootScope.col = { error: false, failure: true };123    });124    expect(element.text()).toContain('Message is crazy');125    $rootScope.$apply(function() {126      $rootScope.variable = [];127    });128    expect(element.text()).not.toContain('Message is crazy');129    $rootScope.$apply(function() {130      $rootScope.variable = null;131    });132    expect(element.text()).not.toContain('Message is crazy');133  }));134  they('should render empty when $prop is used as a collection value',135    { 'null': null,136      'false': false,137      '0': 0,138      '[]': [],139      '[{}]': [{}],140      '': '',141      '{ val2 : true }': { val2: true } },142  function(prop) {143    inject(function($rootScope, $compile) {144      element = $compile('<div ng-messages="col">' +145                         '  <div ng-message="val">Message is set</div>' +146                         '</div>')($rootScope);147      $rootScope.$digest();148      $rootScope.$apply(function() {149        $rootScope.col = prop;150      });151      expect(element.text()).not.toContain('Message is set');152    });153  });154  they('should insert and remove matching inner elements when $prop is used as a value',155    { 'true': true,156      '1': 1,157      '{}': {},158      '[]': [],159      '[null]': [null] },160  function(prop) {161    inject(function($rootScope, $compile) {162      element = $compile('<div ng-messages="col">' +163                         '  <div ng-message="blue">This message is blue</div>' +164                         '  <div ng-message="red">This message is red</div>' +165                         '</div>')($rootScope);166      $rootScope.$apply(function() {167        $rootScope.col = {};168      });169      expect(messageChildren(element).length).toBe(0);170      expect(trim(element.text())).toEqual('');171      $rootScope.$apply(function() {172        $rootScope.col = {173          blue: true,174          red: false175        };176      });177      expect(messageChildren(element).length).toBe(1);178      expect(trim(element.text())).toEqual('This message is blue');179      $rootScope.$apply(function() {180        $rootScope.col = {181          red: prop182        };183      });184      expect(messageChildren(element).length).toBe(1);185      expect(trim(element.text())).toEqual('This message is red');186      $rootScope.$apply(function() {187        $rootScope.col = null;188      });189      expect(messageChildren(element).length).toBe(0);190      expect(trim(element.text())).toEqual('');191      $rootScope.$apply(function() {192        $rootScope.col = {193          blue: 0,194          red: null195        };196      });197      expect(messageChildren(element).length).toBe(0);198      expect(trim(element.text())).toEqual('');199    });200  });201  it('should display the elements in the order defined in the DOM',202    inject(function($rootScope, $compile) {203    element = $compile('<div ng-messages="col">' +204                       '  <div ng-message="one">Message#one</div>' +205                       '  <div ng-message="two">Message#two</div>' +206                       '  <div ng-message="three">Message#three</div>' +207                       '</div>')($rootScope);208    $rootScope.$apply(function() {209      $rootScope.col = {210        three: true,211        one: true,212        two: true213      };214    });215    angular.forEach(['one','two','three'], function(key) {216      expect(s(element.text())).toEqual('Message#' + key);217      $rootScope.$apply(function() {218        $rootScope.col[key] = false;219      });220    });221    expect(s(element.text())).toEqual('');222  }));223  it('should add ng-active/ng-inactive CSS classes to the element when errors are/aren\'t displayed',224    inject(function($rootScope, $compile) {225    element = $compile('<div ng-messages="col">' +226                       '  <div ng-message="ready">This message is ready</div>' +227                       '</div>')($rootScope);228    $rootScope.$apply(function() {229      $rootScope.col = {};230    });231    expect(element.hasClass('ng-active')).toBe(false);232    expect(element.hasClass('ng-inactive')).toBe(true);233    $rootScope.$apply(function() {234      $rootScope.col = { ready: true };235    });236    expect(element.hasClass('ng-active')).toBe(true);237    expect(element.hasClass('ng-inactive')).toBe(false);238  }));239  it('should automatically re-render the messages when other directives dynmically change them',240    inject(function($rootScope, $compile) {241    element = $compile('<div ng-messages="col">' +242                       '  <div ng-message="primary">Enter something</div>' +243                       '  <div ng-repeat="item in items">' +244                       '    <div ng-message-exp="item.name">{{ item.text }}</div>' +245                       '  </div>' +246                       '</div>')($rootScope);247    $rootScope.$apply(function() {248      $rootScope.col = {};249      $rootScope.items = [250        { text: 'Your age is incorrect', name: 'age' },251        { text: 'You\'re too tall man!', name: 'height' },252        { text: 'Your hair is too long', name: 'hair' }253      ];254    });255    expect(messageChildren(element).length).toBe(0);256    expect(trim(element.text())).toEqual("");257    $rootScope.$apply(function() {258      $rootScope.col = { hair: true };259    });260    expect(messageChildren(element).length).toBe(1);261    expect(trim(element.text())).toEqual("Your hair is too long");262    $rootScope.$apply(function() {263      $rootScope.col = { age: true, hair: true};264    });265    expect(messageChildren(element).length).toBe(1);266    expect(trim(element.text())).toEqual("Your age is incorrect");267    $rootScope.$apply(function() {268      // remove the age!269      $rootScope.items.shift();270    });271    expect(messageChildren(element).length).toBe(1);272    expect(trim(element.text())).toEqual("Your hair is too long");273    $rootScope.$apply(function() {274      // remove the hair!275      $rootScope.items.length = 0;276      $rootScope.col.primary = true;277    });278    expect(messageChildren(element).length).toBe(1);279    expect(trim(element.text())).toEqual("Enter something");280  }));281  it('should be compatible with ngBind',282    inject(function($rootScope, $compile) {283    element = $compile('<div ng-messages="col">' +284                       '        <div ng-message="required" ng-bind="errorMessages.required"></div>' +285                       '        <div ng-message="extra" ng-bind="errorMessages.extra"></div>' +286                       '</div>')($rootScope);287    $rootScope.$apply(function() {288      $rootScope.col = {289        required: true,290        extra: true291      };292      $rootScope.errorMessages = {293        required: 'Fill in the text field.',294        extra: 'Extra error message.'295      };296    });297    expect(messageChildren(element).length).toBe(1);298    expect(trim(element.text())).toEqual('Fill in the text field.');299    $rootScope.$apply(function() {300      $rootScope.col.required = false;301      $rootScope.col.extra = true;302    });303    expect(messageChildren(element).length).toBe(1);304    expect(trim(element.text())).toEqual('Extra error message.');305    $rootScope.$apply(function() {306      $rootScope.errorMessages.extra = 'New error message.';307    });308    expect(messageChildren(element).length).toBe(1);309    expect(trim(element.text())).toEqual('New error message.');310  }));311  // issue #12856312  it('should only detach the message object that is associated with the message node being removed',313    inject(function($rootScope, $compile, $animate) {314    // We are going to spy on the `leave` method to give us control over315    // when the element is actually removed316    spyOn($animate, 'leave');317    // Create a basic ng-messages set up318    element = $compile('<div ng-messages="col">' +319                       '  <div ng-message="primary">Enter something</div>' +320                       '</div>')($rootScope);321    // Trigger the message to be displayed322    $rootScope.col = { primary: true };323    $rootScope.$digest();324    expect(messageChildren(element).length).toEqual(1);325    var oldMessageNode = messageChildren(element)[0];326    // Remove the message327    $rootScope.col = { primary: undefined };328    $rootScope.$digest();329    // Since we have spied on the `leave` method, the message node is still in the DOM330    expect($animate.leave).toHaveBeenCalledOnce();331    var nodeToRemove = $animate.leave.mostRecentCall.args[0][0];332    expect(nodeToRemove).toBe(oldMessageNode);333    $animate.leave.reset();334    // Add the message back in335    $rootScope.col = { primary: true };336    $rootScope.$digest();337    // Simulate the animation completing on the node338    jqLite(nodeToRemove).remove();339    // We should not get another call to `leave`340    expect($animate.leave).not.toHaveBeenCalled();341    // There should only be the new message node342    expect(messageChildren(element).length).toEqual(1);343    var newMessageNode = messageChildren(element)[0];344    expect(newMessageNode).not.toBe(oldMessageNode);345  }));346  it('should render animations when the active/inactive classes are added/removed', function() {347    module('ngAnimate');348    module('ngAnimateMock');349    inject(function($rootScope, $compile, $animate) {350      element = $compile('<div ng-messages="col">' +351                         '  <div ng-message="ready">This message is ready</div>' +352                         '</div>')($rootScope);353      $rootScope.$apply(function() {354        $rootScope.col = {};355      });356      var event = $animate.queue.pop();357      expect(event.event).toBe('setClass');358      expect(event.args[1]).toBe('ng-inactive');359      expect(event.args[2]).toBe('ng-active');360      $rootScope.$apply(function() {361        $rootScope.col = { ready: true };362      });363      event = $animate.queue.pop();364      expect(event.event).toBe('setClass');365      expect(event.args[1]).toBe('ng-active');366      expect(event.args[2]).toBe('ng-inactive');367    });368  });369  describe('when including templates', function() {370    they('should work with a dynamic collection model which is managed by ngRepeat',371      {'<div ng-messages-include="...">': '<div ng-messages="item">' +372                                            '<div ng-messages-include="abc.html"></div>' +373                                          '</div>',374       '<ng-messages-include src="...">': '<ng-messages for="item">' +375                                            '<ng-messages-include src="abc.html"></ng-messages-include>' +376                                          '</ng-messages>'},377    function(html) {378      inject(function($compile, $rootScope, $templateCache) {379        $templateCache.put('abc.html', '<div ng-message="a">A</div>' +380                                       '<div ng-message="b">B</div>' +381                                       '<div ng-message="c">C</div>');382        html = '<div><div ng-repeat="item in items">' + html + '</div></div>';383        $rootScope.items = [{},{},{}];384        element = $compile(html)($rootScope);385        $rootScope.$apply(function() {386          $rootScope.items[0].a = true;387          $rootScope.items[1].b = true;388          $rootScope.items[2].c = true;389        });390        var elements = element[0].querySelectorAll('[ng-repeat]');391        // all three collections should have at least one error showing up392        expect(messageChildren(element).length).toBe(3);393        expect(messageChildren(elements[0]).length).toBe(1);394        expect(messageChildren(elements[1]).length).toBe(1);395        expect(messageChildren(elements[2]).length).toBe(1);396        // this is the standard order of the displayed error messages397        expect(element.text().trim()).toBe('ABC');398        $rootScope.$apply(function() {399          $rootScope.items[0].a = false;400          $rootScope.items[0].c = true;401          $rootScope.items[1].b = false;402          $rootScope.items[2].c = false;403          $rootScope.items[2].a = true;404        });405        // with the 2nd item gone and the values changed406        // we should see both 1 and 3 changed407        expect(element.text().trim()).toBe('CA');408        $rootScope.$apply(function() {409          // add the value for the 2nd item back410          $rootScope.items[1].b = true;411          $rootScope.items.reverse();412        });413        // when reversed we get back to our original value414        expect(element.text().trim()).toBe('ABC');415      });416    });417    they('should remove the $prop element and place a comment anchor node where it used to be',418      {'<div ng-messages-include="...">': '<div ng-messages="data">' +419                                            '<div ng-messages-include="abc.html"></div>' +420                                          '</div>',421       '<ng-messages-include src="...">': '<ng-messages for="data">' +422                                            '<ng-messages-include src="abc.html"></ng-messages-include>' +423                                          '</ng-messages>'},424    function(html) {425      inject(function($compile, $rootScope, $templateCache) {426        $templateCache.put('abc.html', '<div></div>');427        element = $compile(html)($rootScope);428        $rootScope.$digest();429        var includeElement = element[0].querySelector('[ng-messages-include], ng-messages-include');430        expect(includeElement).toBeFalsy();431        var comment = element[0].childNodes[0];432        expect(comment.nodeType).toBe(8);433        expect(comment.nodeValue).toBe(' ngMessagesInclude: abc.html ');434      });435    });436    they('should load a remote template using $prop',437      {'<div ng-messages-include="...">': '<div ng-messages="data">' +438                                            '<div ng-messages-include="abc.html"></div>' +439                                          '</div>',440       '<ng-messages-include src="...">': '<ng-messages for="data">' +441                                            '<ng-messages-include src="abc.html"></ng-messages-include>' +442                                          '</ng-messages>'},443    function(html) {444      inject(function($compile, $rootScope, $templateCache) {445        $templateCache.put('abc.html', '<div ng-message="a">A</div>' +446                                       '<div ng-message="b">B</div>' +447                                       '<div ng-message="c">C</div>');448        element = $compile(html)($rootScope);449        $rootScope.$apply(function() {450          $rootScope.data = {451            'a': 1,452            'b': 2,453            'c': 3454          };455        });456        expect(messageChildren(element).length).toBe(1);457        expect(trim(element.text())).toEqual("A");458        $rootScope.$apply(function() {459          $rootScope.data = {460            'c': 3461          };462        });463        expect(messageChildren(element).length).toBe(1);464        expect(trim(element.text())).toEqual("C");465      });466    });467    it('should cache the template after download',468      inject(function($rootScope, $compile, $templateCache, $httpBackend) {469      $httpBackend.expect('GET', 'tpl').respond(201, '<div>abc</div>');470      expect($templateCache.get('tpl')).toBeUndefined();471      element = $compile('<div ng-messages="data"><div ng-messages-include="tpl"></div></div>')($rootScope);472      $rootScope.$digest();473      $httpBackend.flush();474      expect($templateCache.get('tpl')).toBeDefined();475    }));476    it('should re-render the messages after download without an extra digest',477      inject(function($rootScope, $compile, $httpBackend) {478      $httpBackend.expect('GET', 'my-messages').respond(201,479        '<div ng-message="required">You did not enter a value</div>');480      element = $compile('<div ng-messages="data">' +481                         '  <div ng-messages-include="my-messages"></div>' +482                         '  <div ng-message="failed">Your value is that of failure</div>' +483                         '</div>')($rootScope);484      $rootScope.data = {485        required: true,486        failed: true487      };488      $rootScope.$digest();489      expect(messageChildren(element).length).toBe(1);490      expect(trim(element.text())).toEqual("Your value is that of failure");491      $httpBackend.flush();492      $rootScope.$digest();493      expect(messageChildren(element).length).toBe(1);494      expect(trim(element.text())).toEqual("You did not enter a value");495    }));496    it('should allow for overriding the remote template messages within the element depending on where the remote template is placed',497      inject(function($compile, $rootScope, $templateCache) {498      $templateCache.put('abc.html', '<div ng-message="a">A</div>' +499                                     '<div ng-message="b">B</div>' +500                                     '<div ng-message="c">C</div>');501      element = $compile('<div ng-messages="data">' +502                         '  <div ng-message="a">AAA</div>' +503                         '  <div ng-messages-include="abc.html"></div>' +504                         '  <div ng-message="c">CCC</div>' +505                         '</div>')($rootScope);506      $rootScope.$apply(function() {507        $rootScope.data = {508          'a': 1,509          'b': 2,510          'c': 3511        };512      });513      expect(messageChildren(element).length).toBe(1);514      expect(trim(element.text())).toEqual("AAA");515      $rootScope.$apply(function() {516        $rootScope.data = {517          'b': 2,518          'c': 3519        };520      });521      expect(messageChildren(element).length).toBe(1);522      expect(trim(element.text())).toEqual("B");523      $rootScope.$apply(function() {524        $rootScope.data = {525          'c': 3526        };527      });528      expect(messageChildren(element).length).toBe(1);529      expect(trim(element.text())).toEqual("C");530    }));531  });532  describe('when multiple', function() {533    they('should show all truthy messages when the $prop attr is present',534      { 'multiple': 'multiple',535        'ng-messages-multiple': 'ng-messages-multiple' },536    function(prop) {537      inject(function($rootScope, $compile) {538        element = $compile('<div ng-messages="data" ' + prop + '>' +539                           '  <div ng-message="one">1</div>' +540                           '  <div ng-message="two">2</div>' +541                           '  <div ng-message="three">3</div>' +542                           '</div>')($rootScope);543        $rootScope.$apply(function() {544          $rootScope.data = {545            'one': true,546            'two': false,547            'three': true548          };549        });550        expect(messageChildren(element).length).toBe(2);551        expect(s(element.text())).toContain("13");552      });553    });554    it('should render all truthy messages from a remote template',555      inject(function($rootScope, $compile, $templateCache) {556      $templateCache.put('xyz.html', '<div ng-message="x">X</div>' +557                                     '<div ng-message="y">Y</div>' +558                                     '<div ng-message="z">Z</div>');559      element = $compile('<div ng-messages="data" ng-messages-multiple="true">' +560                           '<div ng-messages-include="xyz.html"></div>' +561                         '</div>')($rootScope);562      $rootScope.$apply(function() {563        $rootScope.data = {564          'x': 'a',565          'y': null,566          'z': true567        };568      });569      expect(messageChildren(element).length).toBe(2);570      expect(s(element.text())).toEqual("XZ");571      $rootScope.$apply(function() {572        $rootScope.data.y = {};573      });574      expect(messageChildren(element).length).toBe(3);575      expect(s(element.text())).toEqual("XYZ");576    }));577    it('should render and override all truthy messages from a remote template',578      inject(function($rootScope, $compile, $templateCache) {579      $templateCache.put('xyz.html', '<div ng-message="x">X</div>' +580                                     '<div ng-message="y">Y</div>' +581                                     '<div ng-message="z">Z</div>');582      element = $compile('<div ng-messages="data" ng-messages-multiple="true">' +583                            '<div ng-message="y">YYY</div>' +584                            '<div ng-message="z">ZZZ</div>' +585                            '<div ng-messages-include="xyz.html"></div>' +586                         '</div>')($rootScope);587      $rootScope.$apply(function() {588        $rootScope.data = {589          'x': 'a',590          'y': null,591          'z': true592        };593      });594      expect(messageChildren(element).length).toBe(2);595      expect(s(element.text())).toEqual("ZZZX");596      $rootScope.$apply(function() {597        $rootScope.data.y = {};598      });599      expect(messageChildren(element).length).toBe(3);600      expect(s(element.text())).toEqual("YYYZZZX");601    }));602  });...

...25    }));26    it('should show single/plural strings', inject(function($rootScope) {27      $rootScope.email = 0;28      $rootScope.$digest();29      expect(element.text()).toBe('You have no new email');30      expect(elementAlt.text()).toBe('You have no new email');31      $rootScope.email = '0';32      $rootScope.$digest();33      expect(element.text()).toBe('You have no new email');34      expect(elementAlt.text()).toBe('You have no new email');35      $rootScope.email = 1;36      $rootScope.$digest();37      expect(element.text()).toBe('You have one new email');38      expect(elementAlt.text()).toBe('You have one new email');39      $rootScope.email = 0.01;40      $rootScope.$digest();41      expect(element.text()).toBe('You have 0.01 new emails');42      expect(elementAlt.text()).toBe('You have 0.01 new emails');43      $rootScope.email = '0.1';44      $rootScope.$digest();45      expect(element.text()).toBe('You have 0.1 new emails');46      expect(elementAlt.text()).toBe('You have 0.1 new emails');47      $rootScope.email = 2;48      $rootScope.$digest();49      expect(element.text()).toBe('You have 2 new emails');50      expect(elementAlt.text()).toBe('You have 2 new emails');51      $rootScope.email = -0.1;52      $rootScope.$digest();53      expect(element.text()).toBe('You have -0.1 new emails');54      expect(elementAlt.text()).toBe('You have -0.1 new emails');55      $rootScope.email = '-0.01';56      $rootScope.$digest();57      expect(element.text()).toBe('You have -0.01 new emails');58      expect(elementAlt.text()).toBe('You have -0.01 new emails');59      $rootScope.email = -2;60      $rootScope.$digest();61      expect(element.text()).toBe('You have -2 new emails');62      expect(elementAlt.text()).toBe('You have -2 new emails');63      $rootScope.email = -1;64      $rootScope.$digest();65      expect(element.text()).toBe('You have negative email. Whohoo!');66      expect(elementAlt.text()).toBe('You have negative email. Whohoo!');67    }));68    it('should show single/plural strings with mal-formed inputs', inject(69      function($log, $rootScope) {70        $rootScope.email = '';71        $rootScope.$digest();72        expect(element.text()).toBe('');73        expect(elementAlt.text()).toBe('');74        expect($log.debug.logs.shift()).toEqual([75          "ngPluralize: no rule defined for 'NaN' in {" +76          "'-1': 'You have negative email. Whohoo!'," +77          "'0': 'You have no new email'," +78          "'one': 'You have one new email'," +79          "'other': 'You have {} new emails'}"80        ]);81        expect($log.debug.logs.shift()).toEqual([82          "ngPluralize: no rule defined for 'NaN' in undefined"83        ]);84        $rootScope.email = null;85        $rootScope.$digest();86        expect(element.text()).toBe('');87        expect(elementAlt.text()).toBe('');88        $rootScope.email = undefined;89        $rootScope.$digest();90        expect(element.text()).toBe('');91        expect(elementAlt.text()).toBe('');92        $rootScope.email = 'a3';93        $rootScope.$digest();94        expect(element.text()).toBe('');95        expect(elementAlt.text()).toBe('');96        $rootScope.email = '011';97        $rootScope.$digest();98        expect(element.text()).toBe('You have 11 new emails');99        expect(elementAlt.text()).toBe('You have 11 new emails');100        $rootScope.email = '-011';101        $rootScope.$digest();102        expect(element.text()).toBe('You have -11 new emails');103        expect(elementAlt.text()).toBe('You have -11 new emails');104        $rootScope.email = '1fff';105        $rootScope.$digest();106        expect(element.text()).toBe('You have one new email');107        expect(elementAlt.text()).toBe('You have one new email');108        $rootScope.email = '0aa22';109        $rootScope.$digest();110        expect(element.text()).toBe('You have no new email');111        expect(elementAlt.text()).toBe('You have no new email');112        $rootScope.email = '000001';113        $rootScope.$digest();114        expect(element.text()).toBe('You have one new email');115        expect(elementAlt.text()).toBe('You have one new email');116      }117    ));118  });119  describe('edge cases', function() {120    it('should be able to handle empty strings as possible values', inject(function($rootScope, $compile) {121      element = $compile(122          '<ng:pluralize count="email"' +123                         "when=\"{'0': ''," +124                                 "'one': 'Some text'," +125                                 "'other': 'Some text'}\">" +126          '</ng:pluralize>')($rootScope);127      $rootScope.email = '0';128      $rootScope.$digest();129      expect(element.text()).toBe('');130    }));131    it('should be able to specify a message for null/undefined values', inject(132      function($compile, $rootScope) {133        element = $compile(134            '<ng:pluralize count="email"' +135                          "when=\"{'NaN': 'Unspecified email count'," +136                                  "'0': ''," +137                                  "'one': 'Some text'," +138                                  "'other': 'Some text'}\">" +139            '</ng:pluralize>')($rootScope);140      $rootScope.email = '0';141      $rootScope.$digest();142      expect(element.text()).toBe('');143      $rootScope.email = undefined;144      $rootScope.$digest();145      expect(element.text()).toBe('Unspecified email count');146      $rootScope.email = '1';147      $rootScope.$digest();148      expect(element.text()).toBe('Some text');149      $rootScope.email = null;150      $rootScope.$digest();151      expect(element.text()).toBe('Unspecified email count');152    }));153  });154  describe('undefined rule cases', function() {155    var $locale, $log;156    beforeEach(inject(function(_$locale_, _$log_) {157      $locale = _$locale_;158      $log = _$log_;159    }));160    afterEach(inject(function($log) {161      $log.reset();162    }));163    it('should generate a warning when being asked to use a rule that is not defined',164      inject(function($rootScope, $compile) {165      element = $compile(166          '<ng:pluralize count="email"' +167                         "when=\"{'0': 'Zero'," +168                                 "'one': 'Some text'," +169                                 "'other': 'Some text'}\">" +170          '</ng:pluralize>')($rootScope);171      $locale.pluralCat = function() {return "few";};172      $rootScope.email = '3';173      expect($log.debug.logs).toEqual([]);174      $rootScope.$digest();175      expect(element.text()).toBe('');176      expect($log.debug.logs.shift())177        .toEqual(["ngPluralize: no rule defined for 'few' in {'0': 'Zero','one': 'Some text','other': 'Some text'}"]);178    }));179    it('should empty the element content when using a rule that is not defined',180      inject(function($rootScope, $compile) {181      element = $compile(182          '<ng:pluralize count="email"' +183                         "when=\"{'0': 'Zero'," +184                                 "'one': 'Some text'," +185                                 "'other': 'Some text'}\">" +186          '</ng:pluralize>')($rootScope);187      $locale.pluralCat = function(count) {return count === 1 ? "one" : "few";};188      $rootScope.email = '0';189      $rootScope.$digest();190      expect(element.text()).toBe('Zero');191      $rootScope.email = '3';192      $rootScope.$digest();193      expect(element.text()).toBe('');194      $rootScope.email = '1';195      $rootScope.$digest();196      expect(element.text()).toBe('Some text');197      $rootScope.email = null;198      $rootScope.$digest();199      expect(element.text()).toBe('');200    }));201  });202  describe('deal with pluralized strings with offset', function() {203    it('should show single/plural strings with offset', inject(function($rootScope, $compile) {204      element = $compile(205        "<ng:pluralize count='viewCount'  offset='2' " +206            "when=\"{'0': 'Nobody is viewing.'," +207                    "'1': '{{p1}} is viewing.'," +208                    "'2': '{{p1}} and {{p2}} are viewing.'," +209                    "'one': '{{p1}}, {{p2}} and one other person are viewing.'," +210                    "'other': '{{p1}}, {{p2}} and {} other people are viewing.'}\">" +211        "</ng:pluralize>")($rootScope);212      elementAlt = $compile(213        "<ng:pluralize count='viewCount'  offset='2' " +214            "when-0='Nobody is viewing.'" +215            "when-1='{{p1}} is viewing.'" +216            "when-2='{{p1}} and {{p2}} are viewing.'" +217            "when-one='{{p1}}, {{p2}} and one other person are viewing.'" +218            "when-other='{{p1}}, {{p2}} and {} other people are viewing.'>" +219        "</ng:pluralize>")($rootScope);220      $rootScope.p1 = 'Igor';221      $rootScope.p2 = 'Misko';222      $rootScope.viewCount = 0;223      $rootScope.$digest();224      expect(element.text()).toBe('Nobody is viewing.');225      expect(elementAlt.text()).toBe('Nobody is viewing.');226      $rootScope.viewCount = 1;227      $rootScope.$digest();228      expect(element.text()).toBe('Igor is viewing.');229      expect(elementAlt.text()).toBe('Igor is viewing.');230      $rootScope.viewCount = 2;231      $rootScope.$digest();232      expect(element.text()).toBe('Igor and Misko are viewing.');233      expect(elementAlt.text()).toBe('Igor and Misko are viewing.');234      $rootScope.viewCount = 3;235      $rootScope.$digest();236      expect(element.text()).toBe('Igor, Misko and one other person are viewing.');237      expect(elementAlt.text()).toBe('Igor, Misko and one other person are viewing.');238      $rootScope.viewCount = 4;239      $rootScope.$digest();240      expect(element.text()).toBe('Igor, Misko and 2 other people are viewing.');241      expect(elementAlt.text()).toBe('Igor, Misko and 2 other people are viewing.');242      $rootScope.viewCount = null;243      $rootScope.$digest();244      expect(element.text()).toBe('');245      expect(elementAlt.text()).toBe('');246    }));247  });248  describe('interpolation', function() {249    it('should support custom interpolation symbols', function() {250      module(function($interpolateProvider) {251        $interpolateProvider.startSymbol('[[').endSymbol('%%');252      });253      inject(function($compile, $rootScope) {254        element = $compile(255            "<ng:pluralize count=\"viewCount\" offset=\"1\"" +256              "when=\"{'0': 'Nobody is viewing.'," +257                      "'1': '[[p1%% is viewing.'," +258                      "'one': '[[p1%% and one other person are viewing.'," +259                      "'other': '[[p1%% and {} other people are viewing.'}\">" +260            "</ng:pluralize>")($rootScope);261        elementAlt = $compile(262            "<ng:pluralize count='viewCount' offset='1'" +263              "when-0='Nobody is viewing.'" +264              "when-1='[[p1%% is viewing.'" +265              "when-one='[[p1%% and one other person are viewing.'" +266              "when-other='[[p1%% and {} other people are viewing.'>" +267            "</ng:pluralize>")($rootScope);268        $rootScope.p1 = 'Igor';269        $rootScope.viewCount = 0;270        $rootScope.$digest();271        expect(element.text()).toBe('Nobody is viewing.');272        expect(elementAlt.text()).toBe('Nobody is viewing.');273        $rootScope.viewCount = 1;274        $rootScope.$digest();275        expect(element.text()).toBe('Igor is viewing.');276        expect(elementAlt.text()).toBe('Igor is viewing.');277        $rootScope.viewCount = 2;278        $rootScope.$digest();279        expect(element.text()).toBe('Igor and one other person are viewing.');280        expect(elementAlt.text()).toBe('Igor and one other person are viewing.');281        $rootScope.viewCount = 3;282        $rootScope.$digest();283        expect(element.text()).toBe('Igor and 2 other people are viewing.');284        expect(elementAlt.text()).toBe('Igor and 2 other people are viewing.');285      });286    });287  });288  describe('bind-once', function() {289    it('should support for `count` to be a one-time expression',290      inject(function($compile, $rootScope) {291        element = $compile(292            '<ng:pluralize count="::email"' +293                           "when=\"{'one': 'You have one new email'," +294                                   "'other': 'You have {} new emails'}\">" +295            '</ng:pluralize>')($rootScope);296        elementAlt = $compile(297            '<ng:pluralize count="::email" ' +298                           "when-one='You have one new email' " +299                           "when-other='You have {} new emails'>" +300            '</ng:pluralize>')($rootScope);301        $rootScope.email = undefined;302        $rootScope.$digest();303        expect(element.text()).toBe('');304        expect(elementAlt.text()).toBe('');305        $rootScope.email = 3;306        $rootScope.$digest();307        expect(element.text()).toBe('You have 3 new emails');308        expect(elementAlt.text()).toBe('You have 3 new emails');309        $rootScope.email = null;310        $rootScope.$digest();311        expect(element.text()).toBe('You have 3 new emails');312        expect(elementAlt.text()).toBe('You have 3 new emails');313        $rootScope.email = 2;314        $rootScope.$digest();315        expect(element.text()).toBe('You have 3 new emails');316        expect(elementAlt.text()).toBe('You have 3 new emails');317        $rootScope.email = 1;318        $rootScope.$digest();319        expect(element.text()).toBe('You have 3 new emails');320        expect(elementAlt.text()).toBe('You have 3 new emails');321      })322    );323    it('should still update other embedded expressions',324      inject(function($compile, $rootScope) {325        element = $compile(326            '<ng:pluralize count="::email"' +327                           "when=\"{'one': 'You, {{user}}, have one new email'," +328                                   "'other': 'You, {{user}}, have {} new emails'}\">" +329            '</ng:pluralize>')($rootScope);330        elementAlt = $compile(331            '<ng:pluralize count="::email" ' +332                           "when-one='You, {{user}}, have one new email' " +333                           "when-other='You, {{user}}, have {} new emails'>" +334            '</ng:pluralize>')($rootScope);335        $rootScope.user = 'Lucas';336        $rootScope.email = undefined;337        $rootScope.$digest();338        expect(element.text()).toBe('');339        expect(elementAlt.text()).toBe('');340        $rootScope.email = 3;341        $rootScope.$digest();342        expect(element.text()).toBe('You, Lucas, have 3 new emails');343        expect(elementAlt.text()).toBe('You, Lucas, have 3 new emails');344        $rootScope.user = 'Pete';345        $rootScope.email = 2;346        $rootScope.$digest();347        expect(element.text()).toBe('You, Pete, have 3 new emails');348        expect(elementAlt.text()).toBe('You, Pete, have 3 new emails');349      })350    );351  });...