jasmine-ajax 0.0.1

data/examples/jquery/spec/javascripts/support/jasmine.yml

@@ -0,0 +1,78 @@
+# src_files
+#
+# Return an array of filepaths relative to src_dir to include before jasmine specs.
+# Default: []
+#
+# EXAMPLE:
+#
+# src_files:
+#   - lib/source1.js
+#   - lib/source2.js
+#   - dist/**/*.js
+#
+src_files:
+    - frameworks/jquery.js
+    - examples/jquery/public/javascripts/**/*.js
+
+# stylesheets
+#
+# Return an array of stylesheet filepaths relative to src_dir to include before jasmine specs.
+# Default: []
+#
+# EXAMPLE:
+#
+# stylesheets:
+#   - css/style.css
+#   - stylesheets/*.css
+#
+stylesheets:
+
+# helpers
+#
+# Return an array of filepaths relative to spec_dir to include before jasmine specs.
+# Default: ["helpers/**/*.js"]
+#
+# EXAMPLE:
+#
+# helpers:
+#   - helpers/**/*.js
+#
+helpers:
+  - lib/spec-helper.js
+  - examples/jquery/spec/javascripts/helpers/**/*.js
+
+# spec_files
+#
+#  Return an array of filepaths relative to spec_dir to include.
+# Default: ["**/*[sS]pec.js"]
+#
+# EXAMPLE:
+#
+# spec_files:
+#   - **/*[sS]pec.js
+#
+spec_files:
+  - lib/mock-ajax.js
+  - examples/jquery/spec/javascripts/*.js
+
+# src_dir
+#
+# Source directory path. Your src_files must be returned relative to this path. Will use root if left blank.
+# Default: project root
+#
+# EXAMPLE:
+#
+# src_dir: public
+#
+src_dir: ../..
+
+# spec_dir
+#
+# Spec directory path. Your spec_files must be returned relative to this path.
+# Default: spec/javascripts
+#
+# EXAMPLE:
+#
+# spec_dir: spec/javascripts
+#
+spec_dir: ../..

data/examples/jquery/spec/javascripts/support/jasmine_runner.rb

@@ -0,0 +1,21 @@
+$:.unshift(ENV['JASMINE_GEM_PATH']) if ENV['JASMINE_GEM_PATH'] # for gem testing purposes
+
+require 'rubygems'
+require 'jasmine'
+jasmine_config_overrides = File.expand_path(File.join(File.dirname(__FILE__), 'jasmine_config.rb'))
+require jasmine_config_overrides if File.exists?(jasmine_config_overrides)
+
+jasmine_config = Jasmine::Config.new
+spec_builder = Jasmine::SpecBuilder.new(jasmine_config)
+
+should_stop = false
+
+Spec::Runner.configure do |config|
+  config.after(:suite) do
+    spec_builder.stop if should_stop
+  end
+end
+
+spec_builder.start
+should_stop = true
+spec_builder.declare_suites

data/examples/prototype/Rakefile

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

data/examples/prototype/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/prototype/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/prototype/public/index.html

@@ -0,0 +1,45 @@
+<!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/prototype.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">
+
+  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/prototype/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/prototype/public/javascripts/TwitSearch.js

@@ -0,0 +1,32 @@
+var TwitSearch = function(){
+
+  return {
+    displayResults: function(tweets){
+      var update_str = "";
+
+      tweets.each(function(tweet) {
+        update_str += "<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").update(update_str);
+    },
+
+    searchFailure: function(response){
+      $("results").update("<h2>Oops. Something went wrong.</h2>");
+    },
+
+    cleanup: function(){},
+
+    rateLimitReached: function(){
+      console.log("rate limited");
+    },
+
+    failWhale: function(){
+      $("results").update("<img src='images/fail-whale.png' />");
+    }
+  }
+}();

data/examples/prototype/public/javascripts/TwitterApi.js

@@ -0,0 +1,24 @@
+function TwitterApi () {
+  this.baseUrl = "http://search.twitter.com/search.json"
+}
+
+TwitterApi.prototype.search = function(query, callbacks) {
+  this.currentRequest = new Ajax.Request(this.baseUrl, {
+    method: 'get',
+    parameters: {
+      q: query
+    },
+
+    onSuccess: function(response){
+      var tweets = [];
+      response.responseJSON.results.each(function(result){
+        tweets.push(new Tweet(result));
+      });
+
+      callbacks.onSuccess(tweets);
+    },
+    onFailure:  callbacks.onFailure,
+    onComplete: callbacks.onComplete,
+    on503:      callbacks.onFailWhale
+  });
+};

data/examples/prototype/spec/SpecRunner.html

@@ -0,0 +1,32 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+  <title>Jasmine Test Runner</title>
+  <link rel="stylesheet" type="text/css" href="javascripts/jasmine-0.11.1/jasmine.css" />
+  <script type="text/javascript" src="javascripts/jasmine-0.11.1/jasmine.js"></script>
+  <script type="text/javascript" src="javascripts/jasmine-0.11.1/jasmine-html.js"></script>
+
+  <!-- include source files here... -->
+  <script type="text/javascript" src="../../../frameworks/prototype.js"></script>
+  <script type="text/javascript" src="../public/javascripts/Tweet.js"></script>
+  <script type="text/javascript" src="../public/javascripts/TwitSearch.js"></script>
+  <script type="text/javascript" src="../public/javascripts/TwitterApi.js"></script>
+
+  <!-- include spec files here... -->
+  <script type="text/javascript" src="../../../lib/mock-ajax.js"></script>
+  <script type="text/javascript" src="../../../lib/spec-helper.js"></script>
+  <script type="text/javascript" src="javascripts/helpers/test_responses/search.js"></script>
+  <script type="text/javascript" src="javascripts/helpers/tweets.js"></script>
+  <script type="text/javascript" src="javascripts/TweetSpec.js"></script>
+  <script type="text/javascript" src="javascripts/TwitterApiSpec.js"></script>
+
+</head>
+<body>
+<script type="text/javascript">
+  jasmine.getEnv().addReporter(new jasmine.TrivialReporter());
+  jasmine.getEnv().execute();
+</script>
+
+</body>
+</html>

data/examples/prototype/spec/javascripts/TweetSpec.js

@@ -0,0 +1,24 @@
+describe("Tweet", function(){
+  var tweet;
+
+  beforeEach(function(){
+    tweet = new Tweet(eval('(' + Tweets.noAtReply + ')'));
+  });
+
+  it("should create a pretty date", function(){
+    expect(tweet.postedAt).toEqual("Thu, 29 Jul 2010 02:18:53 +0000");
+  });
+
+  it("should store the users messages", function(){
+    expect(tweet.text).toEqual("Pres Obama on stage with the Foo fighters, jonas brothers and a whole lot of ppl..nice..");
+  });
+
+  it("should store the username", function(){
+    expect(tweet.user).toEqual("_wbrodrigues");
+  });
+
+  it("stores the users messages", function(){
+    expect(tweet.imageUrl).toEqual("http://a2.twimg.com/profile_images/1014111170/06212010155_normal.jpg");
+  });
+
+});

data/examples/prototype/spec/javascripts/TwitterApiSpec.js

@@ -0,0 +1,89 @@
+describe("TwitterApi#search", function(){
+  var twitter, request;
+  var onSuccess, onFailure, onComplete, onFailWhale;
+
+  beforeEach(function(){
+    jasmine.Ajax.useMock();
+
+    onSuccess = jasmine.createSpy('onSuccess');
+    onFailure = jasmine.createSpy('onFailure');
+    onComplete = jasmine.createSpy('onComplete');
+    onFailWhale = jasmine.createSpy('onFailWhale');
+
+    twitter = new TwitterApi();
+
+    twitter.search('basketball', {
+      onSuccess: onSuccess,
+      onFailure: onFailure,
+      onComplete: onComplete,
+      onFailWhale: onFailWhale
+    });
+
+    request = mostRecentAjaxRequest();
+  });
+  
+  it("calls Twitter with the correct url", function(){
+     expect(request.url).toEqual("http://search.twitter.com/search.json?q=basketball")
+  });
+  
+  describe("on success", function(){
+    beforeEach(function(){
+      request.response(TestResponses.search.success);
+    });
+
+    it("should call the provided success callback", function() {
+      expect(onSuccess).toHaveBeenCalled();
+    });
+
+    it("calls onComplete", function(){
+      expect(onComplete).toHaveBeenCalled();
+    });
+
+    it("does not call onFailure", function(){
+      expect(onFailure).not.toHaveBeenCalled();
+    });
+
+    it("call convert the server response to Tweet objects", function(){
+      var results = onSuccess.mostRecentCall.args[0];
+
+      expect(results.length).toEqual(15);
+      expect(results[0]).toEqual(jasmine.any(Tweet));
+    });  
+  });
+
+  describe('on failure', function(){
+     beforeEach(function(){
+       request.response(TestResponses.search.failure);
+     });
+
+     it("calls onFailure", function() {
+       expect(onFailure).toHaveBeenCalled();
+     });
+
+     it("call onComplete", function(){
+       expect(onComplete).toHaveBeenCalled();
+     });
+
+     it("does not call onSuccess", function(){
+       expect(onSuccess).not.toHaveBeenCalled();
+     });
+  });
+
+  describe("on fail whale", function(){
+     beforeEach(function(){
+       request.response(TestResponses.search.failWhale);
+     });
+
+     it("calls onFailWhale", function(){
+       expect(onFailWhale).toHaveBeenCalled();
+     });
+
+     it("does not call onSuccess", function(){
+       expect(onSuccess).not.toHaveBeenCalled();
+     });
+
+     it("calls onComplete", function(){
+       expect(onComplete).toHaveBeenCalled();
+     });
+  });
+});