jasmine-ajax 0.0.1

data/.gitignore

@@ -0,0 +1,2 @@
+.idea/
+.rvmrc

data/.pairs

@@ -0,0 +1,6 @@
+pairs:
+  hg: Hunter Gillane
+
+email:
+  prefix: pair
+  domain: pivotallabs.com

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in ..gemspec
+gemspec

data/Gemfile.lock

@@ -0,0 +1,35 @@
+GEM
+  remote: http://rubygems.org/
+  specs:
+    childprocess (0.2.2)
+      ffi (~> 1.0.6)
+    diff-lcs (1.1.3)
+    ffi (1.0.9)
+    jasmine (1.1.0)
+      jasmine-core (>= 1.1.0)
+      rack (>= 1.1)
+      rspec (>= 1.3.1)
+      selenium-webdriver (>= 0.1.3)
+    jasmine-core (1.1.0)
+    json_pure (1.6.1)
+    rack (1.3.3)
+    rspec (2.6.0)
+      rspec-core (~> 2.6.0)
+      rspec-expectations (~> 2.6.0)
+      rspec-mocks (~> 2.6.0)
+    rspec-core (2.6.4)
+    rspec-expectations (2.6.0)
+      diff-lcs (~> 1.1.2)
+    rspec-mocks (2.6.0)
+    rubyzip (0.9.4)
+    selenium-webdriver (2.6.0)
+      childprocess (>= 0.2.1)
+      ffi (>= 1.0.7)
+      json_pure
+      rubyzip
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  jasmine (~> 1.1.0)

data/MIT.LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2010 Pivotal Labs
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.markdown

@@ -0,0 +1,168 @@
+jasmine-ajax - Faking Ajax responses in your Jasmine suite.
+===
+jasmine-ajax is a library that lets you define a set of fake responses for Ajax requests made by your application, specify per spec which response should be used, and keep track of the Ajax requests you make so you can make assertions about the results.
+
+Libraries Supported
+---
+jasmine-ajax is currently compatible with jQuery and Prototype. Support for other libraries planned.
+
+Installing
+---
+Download [mock-ajax.js](http://cloud.github.com/downloads/pivotal/jasmine-ajax/mock-ajax.js) and add it to your project. If you are using the jasmine gem, be sure the location you put mock-ajax.js is included in your src_files path in jasmine.yml. If you are using Jasmine standalone, make sure you add it to your spec runner.
+
+Setup
+---
+Using the library in your Jasmine specs consists of four parts:
+
+1. Defining test responses
+2. Installing the mock
+3. Defining the response for each request
+4. Inspecting Ajax requests and setting expectations on them
+
+Example
+---
+Let's use a simple Foursquare venue search app to show each of these steps.
+
+### 1. Defining Test Responses ###
+After signing up for an API key and playing around with curl a bit you should have an idea of what API resources you are interested in and what sample responses look like. Once you do, you can define simple JavaScripts objects that will be used to build XMLHttpRequest objects later.
+
+For example, if you have a response that looks like this:
+
+    {
+        "meta":{
+            "code":200,
+            "errorType":"deprecated",
+            "errorDetail":"This endpoint will stop returning groups in the future. Please use a current version, see http://bit.ly/lZx3NU."
+        },
+        "response":{
+            "groups":[{
+                    "type":"nearby",
+                    "name":"Nearby",
+                    "items":[{
+                            "id":"4bb9fd9f3db7b7138dbd229a",
+                            "name":"Pivotal Labs",
+                            "contact":{
+                                "twitter":"pivotalboulder"
+                            },
+                            "location":{
+                                "address":"1701 Pearl St.",
+                                "crossStreet":"at 17th St.",
+                                "city":"Boulder",
+                                "state":"CO",
+                                "lat":40.019461,
+                                "lng":-105.273296,
+                                "distance":0
+                            },
+                            "categories":[{
+                                    "id":"4bf58dd8d48988d124941735",
+                                    "name":"Office",
+                                    "pluralName":"Offices",
+                                    "icon":"https://foursquare.com/img/categories/building/default.png",
+                                    "parents":["Homes, Work, Others"
+                                    ],
+                                    "primary":true
+                                }
+                            ],
+                            "verified":false,
+                            "stats":{
+                                "checkinsCount":223,
+                                "usersCount":62
+                            },
+                            "hereNow":{
+                                "count":0
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    }
+
+Then you'd define a mock response that looks something like this:
+
+        var TestResponses = {
+          search: {
+            success: {
+              status: 200,
+              responseText: '{"response":{"groups":[{"type":"nearby","name":"Nearby","items":[{"id":"4bb9fd9f3db7b7138dbd229a","name":"Pivotal Labs","contact":{"twitter":"pivotalboulder"},"location":{"address":"1701 Pearl St.","crossStreet":"at 17th St.","city":"Boulder","state":"CO","lat":40.019461,"lng":-105.273296,"distance":0},"categories":[{"id":"4bf58dd8d48988d124941735","name":"Office","pluralName":"Offices","icon":"https://foursquare.com/img/categories/building/default.png","parents":["Homes, Work, Others"],"primary":true}],"verified":false,"stats":{"checkinsCount":223,"usersCount":62},"hereNow":{"count":0}},{"id":"4af2eccbf964a5203ae921e3","name":"Laughing Goat Café","contact":{},"location":{"address":"1709 Pearl St.","crossStreet":"btw 16th & 17th","city":"Boulder","state":"CO","postalCode":"80302","country":"USA","lat":40.019321,"lng":-105.27311982,"distance":21},"categories":[{"id":"4bf58dd8d48988d1e0931735","name":"Coffee Shop","pluralName":"Coffee Shops","icon":"https://foursquare.com/img/categories/food/coffeeshop.png","parents":["Food"],"primary":true},{"id":"4bf58dd8d48988d1a7941735","name":"College Library","pluralName":"College Libraries","icon":"https://foursquare.com/img/categories/education/default.png","parents":["Colleges & Universities"]}],"verified":false,"stats":{"checkinsCount":1314,"usersCount":517},"hereNow":{"count":0}},{"id":"4ca777a597c8a1cdf7bc7aa5","name":"Ted\'s Montana Grill","contact":{"phone":"3034495546","formattedPhone":"(303) 449-5546","twitter":"TedMontanaGrill"},"location":{"address":"1701 Pearl St.","crossStreet":"17th and Pearl","city":"Boulder","state":"CO","postalCode":"80302","country":"USA","lat":40.019376,"lng":-105.273311,"distance":9},"categories":[{"id":"4bf58dd8d48988d1cc941735","name":"Steakhouse","pluralName":"Steakhouses","icon":"https://foursquare.com/img/categories/food/steakhouse.png","parents":["Food"],"primary":true}],"verified":true,"stats":{"checkinsCount":197,"usersCount":150},"url":"http://www.tedsmontanagrill.com/","hereNow":{"count":0}},{"id":"4d3cac5a8edf3704e894b2a5","name":"Pizzeria Locale","contact":{},"location":{"address":"1730 Pearl St","city":"Boulder","state":"CO","postalCode":"80302","country":"USA","lat":40.0193746,"lng":-105.2726744,"distance":53},"categories":[{"id":"4bf58dd8d48988d1ca941735","name":"Pizza Place","pluralName":"Pizza Places","icon":"https://foursquare.com/img/categories/food/pizza.png","parents":["Food"],"primary":true}],"verified":false,"stats":{"checkinsCount":511,"usersCount":338},"hereNow":{"count":2}},{"id":"4d012cd17c56370462a6b4f0","name":"The Pinyon","contact":{},"location":{"address":"1710 Pearl St.","city":"Boulder","state":"CO","country":"USA","lat":40.019219,"lng":-105.2730563,"distance":33},"categories":[{"id":"4bf58dd8d48988d14e941735","name":"American Restaurant","pluralName":"American Restaurants","icon":"https://foursquare.com/img/categories/food/default.png","parents":["Food"],"primary":true}],"verified":true,"stats":{"checkinsCount":163,"usersCount":98},"hereNow":{"count":1}}]}]}'
+            }
+          }
+        };
+
+A good place to define this is in `spec/javascripts/helpers/test_responses`. You can also define failure responses, for whatever status codes the API you are working with supports.
+
+### 2. Installing the mock ###
+Install the mock using `jasmine.Ajax.useMock()`:
+
+    beforeEach(function() {
+      jasmine.Ajax.useMock();
+      ...
+After this, all Ajax requests will be captured by jasmine-ajax. If you want to do things like load fixtures, do it before you install the mock (see below).
+
+### 3. Set responses ###
+Now that you've defined some test responses and installed the mock, you need to tell jasmine-ajax which response to use for a given spec. If you want to use your success response for a set of related success specs, you might use:
+
+    describe("on success", function() {
+      beforeEach(function() {
+        request.response(TestResponses.search.success);
+      });
+
+Now for all the specs in this example group, whenever an Ajax response is sent, it will use the `TestResponses.search.success` object defined in your test responses to build the XMLHttpRequest object.
+
+### 4. Inspect Ajax requests ###
+Putting it all together, you can install the mock, pass some spies as callbacks to your search object, and make expectations about the expected behavior.
+
+    describe("FoursquareVenueSearch", function() {
+      var foursquare, request;
+      var onSuccess, onFailure;
+
+      beforeEach(function() {
+        jasmine.Ajax.useMock();
+
+        onSuccess = jasmine.createSpy('onSuccess');
+        onFailure = jasmine.createSpy('onFailure');
+
+        foursquare = new FoursquareVenueSearch();
+
+        foursquare.search('40.019461,-105.273296', {
+          onSuccess: onSuccess,
+          onFailure: onFailure
+        });
+
+        request = mostRecentAjaxRequest();
+      });
+
+      describe("on success", function() {
+        beforeEach(function() {
+          request.response(TestResponses.search.success);
+        });
+
+        it("calls onSuccess with an array of Locations", function() {
+          expect(onSuccess).toHaveBeenCalled();
+
+          var successArgs = onSuccess.mostRecentCall.args[0];
+
+          expect(successArgs.length).toEqual(1);
+          expect(successArgs[0]).toEqual(jasmine.any(Venue));
+        });
+      });
+    });
+
+
+Loading Fixtures
+---
+Most third-party Jasmine extensions use Ajax to load HTML fixtures into the DOM. Since jasmine-ajax intercepts all Ajax calls after it is installed, you need to load your fixtures before installing the mock. If you are using jasmine-jquery, that looks like this:
+
+    beforeEach(function){
+      // first load your fixtures
+      loadFixtures('fixture.html');
+
+      // then install the mock
+      jasmine.Ajax.useMock();
+    });
+
+Jasmine
+------------
+http://github.com/pivotal/jasmine
+
+Copyright (c) 2011 Pivotal Labs. This software is licensed under the MIT License.

data/Rakefile

@@ -0,0 +1,3 @@
+
+require 'jasmine'
+load 'jasmine/tasks/jasmine.rake'

data/examples/jquery/Rakefile

@@ -0,0 +1,2 @@
+require 'jasmine'
+load 'jasmine/tasks/jasmine.rake'

data/examples/jquery/public/css/master.css

@@ -0,0 +1,59 @@
+body {
+  margin-top: 100px;
+  text-align: center;
+}
+
+#wrap {
+  width: 800px;
+  margin: 0 auto;
+  text-align: left;
+}
+
+#twit_search {
+  margin-bottom: 75px;
+}
+
+#twit_search form {
+  color: #555555;
+  text-align: center;
+  font-size: 150%;
+}
+
+#twit_search form input[type=text] {
+  font-size: 100%;
+  color: #555555;
+  border: 2px solid black;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  padding: 4px 6px;
+}
+
+#twit_search form input[type=submit] {
+  font-size: 130%;
+}
+
+#results {
+  margin: 0 auto;
+  width: 60%;
+}
+
+#results li {
+  margin: 38px 0;
+}
+
+#results img {
+  clear: both;
+  margin-right: 10px;
+  float: left;
+}
+
+#results img + p {
+  font-size: 130%;
+  color: #333333;
+}
+
+#results p.user, #results p.timestamp {
+  margin-top: 5px;
+  text-align: right;
+  font-style: italic;
+}

data/examples/jquery/public/css/reset.css

@@ -0,0 +1,47 @@
+/* From http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}

data/examples/jquery/public/index.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+  <title>Jasmine BDD</title>
+  <link rel="stylesheet" type="text/css" href="css/reset.css" />
+  <link rel="stylesheet" type="text/css" href="css/master.css" />
+  <script type="text/javascript" src="../../../frameworks/jquery.js"></script>
+  <script type="text/javascript" src="javascripts/TwitSearch.js"></script>
+  <script type="text/javascript" src="javascripts/TwitterApi.js"></script>
+  <script type="text/javascript" src="javascripts/Tweet.js"></script>
+</head>
+
+<body>
+<div id="wrap">
+<div id="twit_search">
+  <form action="index.html#" method="get">
+    <input type="text" name="query" id="query" />
+    <input type="submit" value="Search Twitter" />
+  </form>
+</div>
+<ul id="results"></ul>
+<script type="text/javascript">
+
+  $(function(){
+    $("#twit_search form").submit(function(e){
+      e.preventDefault();
+      var search_query = $("#query").val();
+      new TwitterApi().search(
+        search_query, {
+          onSuccess: TwitSearch.displayResults,
+          onFailure: TwitSearch.searchFailure
+          // onComplete: TwitSearch.cleanup,
+          // onFailWhale: TwitSearch.failWhale
+        }
+      );
+    });
+  });
+
+  // document.observe('dom:loaded', function(){
+  //   $$("#twit_search form").first().observe("submit", function(event) {
+  //     event.preventDefault();
+  //     var search_query = $("query").value
+  //     new TwitterApi().search(
+  //       search_query, {
+  //         onSuccess: TwitSearch.displayResults,
+  //         onFailure: TwitSearch.searchFailure,
+  //         onComplete: TwitSearch.cleanup,
+  //         onFailWhale: TwitSearch.failWhale
+  //       }
+  //     );
+  //   });
+  // });
+</script>
+</div>
+</body>
+</html>

data/examples/jquery/public/javascripts/Tweet.js

@@ -0,0 +1,6 @@
+function Tweet(tweet){
+  this.postedAt = tweet.created_at;
+  this.text = tweet.text;
+  this.imageUrl = tweet.profile_image_url;
+  this.user = tweet.from_user;
+}

data/examples/jquery/public/javascripts/TwitSearch.js

@@ -0,0 +1,32 @@
+var TwitSearch = function(){
+
+  return {
+    displayResults: function(tweets){
+      var updateStr = "";
+
+      $(tweets).each(function(index, tweet) {
+        updateStr += "<li><img src='" + tweet.imageUrl + "' alt='" + tweet.user + " profile image' />" +
+                      "<p>" + tweet.text + "</p>" +
+                      "<p class='user'>" + tweet.user + "</p>" +
+                      "<p class='timestamp'>" + tweet.postedAt + "</p>";
+
+      });
+
+      $("#results").html(updateStr);
+    },
+
+    searchFailure: function(response){
+      $("#results").html("<h2>Oops. Something went wrong.</h2>");
+    },
+
+    cleanup: function(){},
+
+    rateLimitReached: function(){
+      console.log("rate limited");
+    },
+
+    failWhale: function(){
+      $("#results").html("<img src='images/fail-whale.png' />");
+    }
+  }
+}();