1 files changed, 155 insertions, 25 deletions
diff --git a/test/scenario/DSLSpec.js b/test/scenario/DSLSpec.js
index 5aac9752..f8606641 100644
--- a/test/scenario/DSLSpec.js
+++ b/test/scenario/DSLSpec.js
@@ -1,39 +1,39 @@
 describe("DSL", function() {
 
-  var lastStep, executeStep, lastDocument;
+  var lastDocument, executeFuture, Expect;
 
   beforeEach(function() {
-    lastStep = null;
-    $scenario = {
-      addStep: function(name, stepFunction) {
-        lastStep = { name:name, fn: stepFunction};
-      }
-    };
-    executeStep = function(step, html, callback) {
-      lastDocument =_jQuery('<div>' + html + '</div>');
+    setUpContext();
+    executeFuture = function(future, html, callback) {
+      lastDocument = _jQuery('<div>' + html + '</div>');
+      lastFrame = _jQuery('<iframe>' + lastDocument + '</iframe>');
       _jQuery(document.body).append(lastDocument);
       var specThis = {
         testWindow: window,
-        testDocument: lastDocument
+        testDocument: lastDocument,
+        testFrame: lastFrame,
+        jQuery: _jQuery
       };
-      step.fn.call(specThis, callback || noop);
+      future.behavior.call(specThis, callback || noop);
     };
+    Expect = _window.expect;
   });
 
   describe("input", function() {
 
     var input = angular.scenario.dsl.input;
+
     it('should enter', function() {
-      input('name').enter('John');
-      expect(lastStep.name).toEqual("Set input text of 'name' to 'John'");
-      executeStep(lastStep, '<input type="text" name="name" />');
+      var future = input('name').enter('John');
+      expect(future.name).toEqual("input 'name' enter 'John'");
+      executeFuture(future, '<input type="text" name="name" />');
       expect(lastDocument.find('input').val()).toEqual('John');
     });
 
     it('should select', function() {
-      input('gender').select('female');
-      expect(lastStep.name).toEqual("Select radio 'gender' to 'female'");
-      executeStep(lastStep,
+      var future = input('gender').select('female');
+      expect(future.name).toEqual("input 'gender' select 'female'");
+      executeFuture(future,
         '<input type="radio" name="0@gender" value="male" checked/>' +
         '<input type="radio" name="0@gender" value="female"/>');
       expect(lastDocument.find(':radio:checked').length).toEqual(1);
@@ -41,15 +41,145 @@ describe("DSL", function() {
     });
   });
 
-  describe('expect', function() {
-    var dslExpect = angular.scenario.dsl.expect;
-    describe('repeater', function() {
-      it('should check the count of repeated elements', function() {
-        dslExpect.repeater('.repeater-row').count.toEqual(2);
-        expect(lastStep.name).toEqual("Expect that there are 2 items in Repeater with selector '.repeater-row'");
-        var html = "<div class='repeater-row'>a</div><div class='repeater-row'>b</div>";
-        executeStep(lastStep, html);
+  describe('browser', function() {
+    var browser = angular.scenario.dsl.browser;
+    it('shoud return true if location with empty hash provided is same '
+        + 'as location of the page', function() {
+      browser.location.href = "http://server";
+      expect(browser.location.toEqual("http://server")).toEqual(true);
+    });
+    it('shoud return true if location with hash provided is same '
+        + 'as location of the page', function() {
+      browser.location.href = "http://server";
+      browser.location.hash = "hashPath";
+      expect(browser.location.toEqual("http://server/#/hashPath"))
+        .toEqual(true);
+    });
+    it('should return true if the location provided is the same as which '
+        + 'browser navigated to', function() {
+      var future = browser.navigateTo("http://server/#/hashPath");
+      expect(future.name).toEqual("Navigate to: http://server/#/hashPath");
+      executeFuture(future, '<input type="text" name="name" />');
+      expect(browser.location.toEqual("http://server/#/hashPath"))
+        .toEqual(true);
+      expect(browser.location.toEqual("http://server/"))
+        .toEqual(false);
+
+      future = browser.navigateTo("http://server/");
+      expect(future.name).toEqual("Navigate to: http://server/");
+      executeFuture(future, '<input type="text" name="name" />');
+      expect(browser.location.toEqual("http://server/"))
+        .toEqual(true);
+    });
+  });
+
+  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");
+      executeFuture(future,
+        "<div class='repeater-row'>a</div>" +
+        "<div class='repeater-row'>b</div>",
+        function(value) {
+          future.fulfill(value);
       });
+      expect(future.fulfilled).toBeTruthy();
+      expect(future.value).toEqual(2);
+    });
+
+    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).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
+    });
+  });
+
+  describe('element', function() {
+    var element = angular.scenario.dsl.element;
+    var html;
+    beforeEach(function() {
+      html = '<div class="container">' +
+          '<div class="reports-detail">' +
+            '<span class="desc">Description : ' +
+              '<span ng:bind="report.description">Details...</span>' +
+            '</span>' +
+            '<span>Date created: ' +
+              '<span ng:bind="report.creationDate">01/01/01</span>' +
+            '</span>' +
+          '</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').text();
+      expect(future.name).toEqual("Element '.reports-detail'.text()");
+      timeTravel(future);
+      expect(future.value).
+        toEqual('Description : Details...Date created: 01/01/01');
+//      expect(future.value.find('.desc').text()).
+//        toEqual('Description : Details...');
+    });
+    it('should find elements with angular syntax', function() {
+      var future = element('{{report.description}}').text();
+      expect(future.name).toEqual("Element '{{report.description}}'.text()");
+      timeTravel(future);
+      expect(future.value).toEqual('Details...');
+//      expect(future.value.attr('ng:bind')).toEqual('report.description');
+    });
+    it('should be able to click elements', function(){
+      var future = element('.link-class').click();
+      expect(future.name).toEqual("Element '.link-class'.click()");
+      executeFuture(future, html, function(value) { future.fulfill(value); });
+      expect(future.fulfilled).toBeTruthy();
+      // TODO(rajat): look for some side effect from click happening?
     });
   });
 });