diff options
| author | Misko Hevery | 2010-08-11 11:21:08 -0700 | 
|---|---|---|
| committer | Misko Hevery | 2010-08-11 11:21:08 -0700 | 
| commit | ab2213e80e09c763782bebc5e0ff7509056e828a (patch) | |
| tree | 59f07f445f71d039400b8e99ebd74bdd87959d14 /test | |
| parent | 412f05977c41fbda46278b637c4d1a84996d48d1 (diff) | |
| parent | 04e92a875344fb675f27355a8bae7a22d0a6ae63 (diff) | |
| download | angular.js-ab2213e80e09c763782bebc5e0ff7509056e828a.tar.bz2 | |
Merge branch 'master' of github.com:angular/angular.js
Diffstat (limited to 'test')
| -rw-r--r-- | test/scenario/DSLSpec.js | 86 | 
1 files changed, 56 insertions, 30 deletions
diff --git a/test/scenario/DSLSpec.js b/test/scenario/DSLSpec.js index 62de9d6c..c8e30917 100644 --- a/test/scenario/DSLSpec.js +++ b/test/scenario/DSLSpec.js @@ -42,6 +42,27 @@ describe("DSL", function() {    describe('repeater', function() {      var repeater = angular.scenario.dsl.repeater; +    var html; +    beforeEach(function() { +      html = "<table>" + +          "<tr class='epic'>" + +            "<td class='hero-name'>" + +              "<span ng:bind='hero'>John Marston</span>" + +            "</td>" + +            "<td class='game-name'>" + +              "<span ng:bind='game'>Red Dead Redemption</span>" + +            "</td>" + +          "</tr>" + +          "<tr class='epic'>" + +            "<td class='hero-name'>" + +              "<span ng:bind='hero'>Nathan Drake</span>" + +            "</td>" + +            "<td class='game-name'>" + +              "<span ng:bind='game'>Uncharted</span>" + +            "</td>" + +          "</tr>" + +        "</table>"; +    });      it('should count', function() {        var future = repeater('.repeater-row').count();        expect(future.name).toEqual("repeater '.repeater-row' count"); @@ -55,28 +76,32 @@ describe("DSL", function() {        expect(future.value).toEqual(2);      }); -    it('should collect', function() { -      var future = repeater('.epic').collect(); -      expect(future.name).toEqual("repeater '.epic' collect"); -      executeFuture(future, -        "<table>" + -        "<tr class='epic'>" + -          "<td ng:bind='hero'>John Marston</td>" + -          "<td ng:bind='game'>Red Dead Redemption</td>" + -        "</tr>" + -        "<tr class='epic'>" + -          "<td ng:bind='hero'>Nathan Drake</td>" + -          "<td ng:bind='game'>Uncharted 2</td>" + -        "</tr>" + -        "</table>", -        function(value) { -          future.fulfill(value); +    function assertFutureState(future, expectedName, expectedValue) { +      expect(future.name).toEqual(expectedName); +      executeFuture(future, html, function(value) { +        future.fulfill(value);        });        expect(future.fulfilled).toBeTruthy(); -      expect(future.value[0].boundTo('hero')).toEqual('John Marston'); -      expect(future.value[0].boundTo('game')).toEqual('Red Dead Redemption'); -      expect(future.value[1].boundTo('hero')).toEqual('Nathan Drake'); -      expect(future.value[1].boundTo('game')).toEqual('Uncharted 2'); +      expect(future.value).toEqual(expectedValue); +    } +    it('should collect bindings', function() { +      assertFutureState(repeater('.epic').collect('{{hero}}'), +        "repeater '.epic' collect '{{hero}}'", +        ['John Marston', 'Nathan Drake']); +      assertFutureState(repeater('.epic').collect('{{game}}'), +        "repeater '.epic' collect '{{game}}'", +        ['Red Dead Redemption', 'Uncharted']); +    }); +    it('should collect normal selectors', function() { +      assertFutureState(repeater('.epic').collect('.hero-name'), +        "repeater '.epic' collect '.hero-name'", +        ['John Marston', 'Nathan Drake']); +      assertFutureState(repeater('.epic').collect('.game-name'), +        "repeater '.epic' collect '.game-name'", +        ['Red Dead Redemption', 'Uncharted']); +    }); +    it('should collect normal attributes', function() { +      //TODO(shyamseshadri) : Left as an exercise to the user      });    }); @@ -95,24 +120,25 @@ describe("DSL", function() {            '</div>' +          '</div>';      }); +    function timeTravel(future) { +      executeFuture(future, html, function(value) { future.fulfill(value); }); +      expect(future.fulfilled).toBeTruthy(); +    }      it('should find elements on the page and provide jquery api', function() {        var future = element('.reports-detail');        expect(future.name).toEqual("Find element '.reports-detail'"); -      executeFuture(future, html, function(value) { future.fulfill(value); }); -      expect(future.fulfilled).toBeTruthy(); +      timeTravel(future);        expect(future.value.text()).          toEqual('Description : Details...Date created: 01/01/01');        expect(future.value.find('.desc').text()).          toEqual('Description : Details...');      }); -    it('should know how to find ng:bind elements on page', function() { -      var future = element('.reports-detail'); -      expect(future.name).toEqual("Find element '.reports-detail'"); -      executeFuture(future, html, function(value) { future.fulfill(value); }); -      expect(future.fulfilled).toBeTruthy(); -      expect(future.value.boundTo('report.description')).toEqual('Details...'); -      expect(future.value.boundTo('report.creationDate')).toEqual('01/01/01'); -      expect(future.value.boundTo('doesnotexist')).not.toBeDefined(); +    it('should find elements with angular syntax', function() { +      var future = element('{{report.description}}'); +      expect(future.name).toEqual("Find element '{{report.description}}'"); +      timeTravel(future); +      expect(future.value.text()).toEqual('Details...'); +      expect(future.value.attr('ng:bind')).toEqual('report.description');      });    });  });  | 
