diff options
| author | Jed Foster <jed@jedfoster.com> | 2015-02-01 17:37:38 -0800 |
|---|---|---|
| committer | Jed Foster <jed@jedfoster.com> | 2015-02-01 17:37:38 -0800 |
| commit | d4836a2c91885047b21d7d172f7643d48d3959e6 (patch) | |
| tree | 75e4e63bfef0cd3bd1c1a552a108207c2303d417 | |
| parent | 472d72efcb82b460fc8a4cf8c1d3fcc4fb7efb39 (diff) | |
| download | Readmore.js-d4836a2c91885047b21d7d172f7643d48d3959e6.zip Readmore.js-d4836a2c91885047b21d7d172f7643d48d3959e6.tar.gz Readmore.js-d4836a2c91885047b21d7d172f7643d48d3959e6.tar.bz2 | |
Add a demo with AJAX loaded content
| -rw-r--r-- | ajax-demo.html | 128 | ||||
| -rw-r--r-- | jquery.mockjax.js | 692 |
2 files changed, 820 insertions, 0 deletions
diff --git a/ajax-demo.html b/ajax-demo.html new file mode 100644 index 0000000..92ccea3 --- /dev/null +++ b/ajax-demo.html @@ -0,0 +1,128 @@ +<!DOCTYPE html> + +<html lang="en" class="no-js"> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + + <title>Readmore.js: jQuery plugin for long blocks of text</title> + <meta name="description" content="A smooth, lightweight jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links."> + <meta name="author" content="Jed Foster"> + + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!--[if lt IE 9]> + <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.min.js"></script> + <![endif]--> + + <style media="screen"> + body { font: 16px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; color: #444; } + code { color: #777; font-family: "Source Code Pro", "Menlo", "Courier New", monospace;} + a { color: #178DB1; } + .container { margin: 0 auto; max-width: 960px; } + #info + .readmore-js-toggle { padding-bottom: 1.5em; border-bottom: 1px solid #999; font-weight: bold;} + #demo, #ajax { width: 42%; float: left; padding: 0 8% 3em 0; } + #ajax { padding-right: 0; } + #ajax.loading { min-height: 64px; background: url(data:image/gif;base64,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) no-repeat center center;} + </style> +</head> + +<body> + + <div class="container"> + <header> + <h1>Readmore.js</h1> + + <p>A smooth, responsive jQuery plugin for collapsing and expanding long blocks of text with “Read more” and “Close” links.</p> + </header> + + <h1>AJAX Demo</h1> + + <section id="demo"> + + <article> + <h2>Artisanal Narwahls</h2> + + <p>From this distant vantage point, the Earth might not seem of any particular interest. But for us, it's different. Consider again that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every "superstar," every "supreme leader," every saint and sinner in the history of our species lived there – on a mote of dust suspended in a sunbeam.</p> + + <p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p> + + <p>Here's how it is: Earth got used up, so we terraformed a whole new galaxy of Earths, some rich and flush with the new technologies, some not so much. Central Planets, them was formed the Alliance, waged war to bring everyone under their rule; a few idiots tried to fight it, among them myself. I'm Malcolm Reynolds, captain of Serenity. Got a good crew: fighters, pilot, mechanic. We even picked up a preacher, and a bona fide companion. There's a doctor, too, took his genius sister out of some Alliance camp, so they're keeping a low profile. You got a job, we can do it, don't much care what it is.</p> + + <p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p> + </article> + + <article> + <h2>Portland Leggings</h2> + + <p>Here's how it is: Earth got used up, so we terraformed a whole new galaxy of Earths, some rich and flush with the new technologies, some not so much. Central Planets, them was formed the Alliance, waged war to bring everyone under their rule; a few idiots tried to fight it, among them myself. I'm Malcolm Reynolds, captain of Serenity. Got a good crew: fighters, pilot, mechanic. We even picked up a preacher, and a bona fide companion. There's a doctor, too, took his genius sister out of some Alliance camp, so they're keeping a low profile. You got a job, we can do it, don't much care what it is.</p> + + <p>I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p> + + <p>From this distant vantage point, the Earth might not seem of any particular interest. But for us, it's different. Consider again that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every "superstar," every "supreme leader," every saint and sinner in the history of our species lived there – on a mote of dust suspended in a sunbeam.</p> + + <p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p> + </article> + + <article> + <h2>This section is shorter than the Readmore minimum</h2> + + <p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p> + </article> + </section> + + <section id="ajax" class="loading"></section> + </div> + + <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> + <script src="jquery.mockjax.js"></script> + + <script src="readmore.js"></script> + + <script> + $('article').readmore({speed: 500}); + + var blog = { + 'articles': [ + { + title: 'Post One', + body: "<p>From this distant vantage point, the Earth might not seem of any particular interest. But for us, it's different. Consider again that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every \"superstar,\" every \"supreme leader,\" every saint and sinner in the history of our species lived there – on a mote of dust suspended in a sunbeam.</p><p>Here's how it is: Earth got used up, so we terraformed a whole new galaxy of Earths, some rich and flush with the new technologies, some not so much. Central Planets, them was formed the Alliance, waged war to bring everyone under their rule; a few idiots tried to fight it, among them myself. I'm Malcolm Reynolds, captain of Serenity. Got a good crew: fighters, pilot, mechanic. We even picked up a preacher, and a bona fide companion. There's a doctor, too, took his genius sister out of some Alliance camp, so they're keeping a low profile. You got a job, we can do it, don't much care what it is.</p><p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p><p>I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p>" + }, + { + title: 'Post Two', + body: "<p>From this distant vantage point, the Earth might not seem of any particular interest. But for us, it's different. Consider again that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every \"superstar,\" every \"supreme leader,\" every saint and sinner in the history of our species lived there – on a mote of dust suspended in a sunbeam.</p><p>Here's how it is: Earth got used up, so we terraformed a whole new galaxy of Earths, some rich and flush with the new technologies, some not so much. Central Planets, them was formed the Alliance, waged war to bring everyone under their rule; a few idiots tried to fight it, among them myself. I'm Malcolm Reynolds, captain of Serenity. Got a good crew: fighters, pilot, mechanic. We even picked up a preacher, and a bona fide companion. There's a doctor, too, took his genius sister out of some Alliance camp, so they're keeping a low profile. You got a job, we can do it, don't much care what it is.</p><p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p><p>I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p>" + }, + { + title: 'Post Three', + body: "<p>From this distant vantage point, the Earth might not seem of any particular interest. But for us, it's different. Consider again that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every \"superstar,\" every \"supreme leader,\" every saint and sinner in the history of our species lived there – on a mote of dust suspended in a sunbeam.</p><p>Here's how it is: Earth got used up, so we terraformed a whole new galaxy of Earths, some rich and flush with the new technologies, some not so much. Central Planets, them was formed the Alliance, waged war to bring everyone under their rule; a few idiots tried to fight it, among them myself. I'm Malcolm Reynolds, captain of Serenity. Got a good crew: fighters, pilot, mechanic. We even picked up a preacher, and a bona fide companion. There's a doctor, too, took his genius sister out of some Alliance camp, so they're keeping a low profile. You got a job, we can do it, don't much care what it is.</p><p>Space, the final frontier. These are the voyages of the starship Enterprise. Its five year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before!</p><p>I am Duncan Macleod, born 400 years ago in the Highlands of Scotland. I am Immortal, and I am not alone. For centuries, we have waited for the time of the Gathering when the stroke of a sword and the fall of a head will release the power of the Quickening. In the end, there can be only one.</p>" + } + ] + }; + + $.mockjax({ + url: 'blog.json', + responseText: blog, + responseTime: 1500 + }); + + $.ajax({ + url: 'blog.json', + dataType: 'json', + success: function(data) { + var template = function(article) { + return $('<article><h2>' + article.title + '</h2>' + article.body + '</article>'); + }; + + $.each(data.articles, function(index, article) { + $('#ajax').append(template(article)); + }); + + $('#ajax').removeClass('loading'); + + $('#ajax article').readmore({speed: 500}); + } + }); + </script> +</body> +</html> + diff --git a/jquery.mockjax.js b/jquery.mockjax.js new file mode 100644 index 0000000..585783a --- /dev/null +++ b/jquery.mockjax.js @@ -0,0 +1,692 @@ +/*! + * MockJax - jQuery Plugin to Mock Ajax requests + * + * Version: 1.6.1 + * Released: + * Home: https://github.com/jakerella/jquery-mockjax + * Author: Jonathan Sharp (http://jdsharp.com) + * License: MIT,GPL + * + * Copyright (c) 2014 appendTo, Jordan Kasper + * NOTE: This repository was taken over by Jordan Kasper (@jakerella) October, 2014 + * + * Dual licensed under the MIT or GPL licenses. + * http://opensource.org/licenses/MIT OR http://www.gnu.org/licenses/gpl-2.0.html + */ +(function($) { + var _ajax = $.ajax, + mockHandlers = [], + mockedAjaxCalls = [], + unmockedAjaxCalls = [], + CALLBACK_REGEX = /=\?(&|$)/, + jsc = (new Date()).getTime(); + + + // Parse the given XML string. + function parseXML(xml) { + if ( window.DOMParser == undefined && window.ActiveXObject ) { + DOMParser = function() { }; + DOMParser.prototype.parseFromString = function( xmlString ) { + var doc = new ActiveXObject('Microsoft.XMLDOM'); + doc.async = 'false'; + doc.loadXML( xmlString ); + return doc; + }; + } + + try { + var xmlDoc = ( new DOMParser() ).parseFromString( xml, 'text/xml' ); + if ( $.isXMLDoc( xmlDoc ) ) { + var err = $('parsererror', xmlDoc); + if ( err.length == 1 ) { + throw new Error('Error: ' + $(xmlDoc).text() ); + } + } else { + throw new Error('Unable to parse XML'); + } + return xmlDoc; + } catch( e ) { + var msg = ( e.name == undefined ? e : e.name + ': ' + e.message ); + $(document).trigger('xmlParseError', [ msg ]); + return undefined; + } + } + + // Check if the data field on the mock handler and the request match. This + // can be used to restrict a mock handler to being used only when a certain + // set of data is passed to it. + function isMockDataEqual( mock, live ) { + var identical = true; + // Test for situations where the data is a querystring (not an object) + if (typeof live === 'string') { + // Querystring may be a regex + return $.isFunction( mock.test ) ? mock.test(live) : mock == live; + } + $.each(mock, function(k) { + if ( live[k] === undefined ) { + identical = false; + return identical; + } else { + if ( typeof live[k] === 'object' && live[k] !== null ) { + if ( identical && $.isArray( live[k] ) ) { + identical = $.isArray( mock[k] ) && live[k].length === mock[k].length; + } + identical = identical && isMockDataEqual(mock[k], live[k]); + } else { + if ( mock[k] && $.isFunction( mock[k].test ) ) { + identical = identical && mock[k].test(live[k]); + } else { + identical = identical && ( mock[k] == live[k] ); + } + } + } + }); + + return identical; + } + + // See if a mock handler property matches the default settings + function isDefaultSetting(handler, property) { + return handler[property] === $.mockjaxSettings[property]; + } + + // Check the given handler should mock the given request + function getMockForRequest( handler, requestSettings ) { + // If the mock was registered with a function, let the function decide if we + // want to mock this request + if ( $.isFunction(handler) ) { + return handler( requestSettings ); + } + + // Inspect the URL of the request and check if the mock handler's url + // matches the url for this ajax request + if ( $.isFunction(handler.url.test) ) { + // The user provided a regex for the url, test it + if ( !handler.url.test( requestSettings.url ) ) { + return null; + } + } else { + // Look for a simple wildcard '*' or a direct URL match + var star = handler.url.indexOf('*'); + if (handler.url !== requestSettings.url && star === -1 || + !new RegExp(handler.url.replace(/[-[\]{}()+?.,\\^$|#\s]/g, "\\$&").replace(/\*/g, '.+')).test(requestSettings.url)) { + return null; + } + } + + // Inspect the data submitted in the request (either POST body or GET query string) + if ( handler.data ) { + if ( ! requestSettings.data || !isMockDataEqual(handler.data, requestSettings.data) ) { + // They're not identical, do not mock this request + return null; + } + } + // Inspect the request type + if ( handler && handler.type && + handler.type.toLowerCase() != requestSettings.type.toLowerCase() ) { + // The request type doesn't match (GET vs. POST) + return null; + } + + return handler; + } + + function parseResponseTimeOpt(responseTime) { + if ($.isArray(responseTime)) { + var min = responseTime[0]; + var max = responseTime[1]; + return (typeof min === 'number' && typeof max === 'number') ? Math.floor(Math.random() * (max - min)) + min : null; + } else { + return (typeof responseTime === 'number') ? responseTime: null; + } + } + + // Process the xhr objects send operation + function _xhrSend(mockHandler, requestSettings, origSettings) { + + // This is a substitute for < 1.4 which lacks $.proxy + var process = (function(that) { + return function() { + return (function() { + // The request has returned + this.status = mockHandler.status; + this.statusText = mockHandler.statusText; + this.readyState = 1; + + var finishRequest = function () { + this.readyState = 4; + + var onReady; + // Copy over our mock to our xhr object before passing control back to + // jQuery's onreadystatechange callback + if ( requestSettings.dataType == 'json' && ( typeof mockHandler.responseText == 'object' ) ) { + this.responseText = JSON.stringify(mockHandler.responseText); + } else if ( requestSettings.dataType == 'xml' ) { + if ( typeof mockHandler.responseXML == 'string' ) { + this.responseXML = parseXML(mockHandler.responseXML); + //in jQuery 1.9.1+, responseXML is processed differently and relies on responseText + this.responseText = mockHandler.responseXML; + } else { + this.responseXML = mockHandler.responseXML; + } + } else if (typeof mockHandler.responseText === 'object' && mockHandler.responseText !== null) { + // since jQuery 1.9 responseText type has to match contentType + mockHandler.contentType = 'application/json'; + this.responseText = JSON.stringify(mockHandler.responseText); + } else { + this.responseText = mockHandler.responseText; + } + if( typeof mockHandler.status == 'number' || typeof mockHandler.status == 'string' ) { + this.status = mockHandler.status; + } + if( typeof mockHandler.statusText === "string") { + this.statusText = mockHandler.statusText; + } + // jQuery 2.0 renamed onreadystatechange to onload + onReady = this.onreadystatechange || this.onload; + + // jQuery < 1.4 doesn't have onreadystate change for xhr + if ( $.isFunction( onReady ) ) { + if( mockHandler.isTimeout) { + this.status = -1; + } + onReady.call( this, mockHandler.isTimeout ? 'timeout' : undefined ); + } else if ( mockHandler.isTimeout ) { + // Fix for 1.3.2 timeout to keep success from firing. + this.status = -1; + } + }; + + // We have an executable function, call it to give + // the mock handler a chance to update it's data + if ( $.isFunction(mockHandler.response) ) { + // Wait for it to finish + if ( mockHandler.response.length === 2 ) { + mockHandler.response(origSettings, function () { + finishRequest.call(that); + }); + return; + } else { + mockHandler.response(origSettings); + } + } + + finishRequest.call(that); + }).apply(that); + }; + })(this); + + if ( mockHandler.proxy ) { + // We're proxying this request and loading in an external file instead + _ajax({ + global: false, + url: mockHandler.proxy, + type: mockHandler.proxyType, + data: mockHandler.data, + dataType: requestSettings.dataType === "script" ? "text/plain" : requestSettings.dataType, + complete: function(xhr) { + mockHandler.responseXML = xhr.responseXML; + mockHandler.responseText = xhr.responseText; + // Don't override the handler status/statusText if it's specified by the config + if (isDefaultSetting(mockHandler, 'status')) { + mockHandler.status = xhr.status; + } + if (isDefaultSetting(mockHandler, 'statusText')) { + mockHandler.statusText = xhr.statusText; + } + this.responseTimer = setTimeout(process, parseResponseTimeOpt(mockHandler.responseTime) || 0); + } + }); + } else { + // type == 'POST' || 'GET' || 'DELETE' + if ( requestSettings.async === false ) { + // TODO: Blocking delay + process(); + } else { + this.responseTimer = setTimeout(process, parseResponseTimeOpt(mockHandler.responseTime) || 50); + } + } + } + + // Construct a mocked XHR Object + function xhr(mockHandler, requestSettings, origSettings, origHandler) { + // Extend with our default mockjax settings + mockHandler = $.extend(true, {}, $.mockjaxSettings, mockHandler); + + if (typeof mockHandler.headers === 'undefined') { + mockHandler.headers = {}; + } + if (typeof requestSettings.headers === 'undefined') { + requestSettings.headers = {}; + } + if ( mockHandler.contentType ) { + mockHandler.headers['content-type'] = mockHandler.contentType; + } + + return { + status: mockHandler.status, + statusText: mockHandler.statusText, + readyState: 1, + open: function() { }, + send: function() { + origHandler.fired = true; + _xhrSend.call(this, mockHandler, requestSettings, origSettings); + }, + abort: function() { + clearTimeout(this.responseTimer); + }, + setRequestHeader: function(header, value) { + requestSettings.headers[header] = value; + }, + getResponseHeader: function(header) { + // 'Last-modified', 'Etag', 'content-type' are all checked by jQuery + if ( mockHandler.headers && mockHandler.headers[header] ) { + // Return arbitrary headers + return mockHandler.headers[header]; + } else if ( header.toLowerCase() == 'last-modified' ) { + return mockHandler.lastModified || (new Date()).toString(); + } else if ( header.toLowerCase() == 'etag' ) { + return mockHandler.etag || ''; + } else if ( header.toLowerCase() == 'content-type' ) { + return mockHandler.contentType || 'text/plain'; + } + }, + getAllResponseHeaders: function() { + var headers = ''; + // since jQuery 1.9 responseText type has to match contentType + if (mockHandler.contentType) { + mockHandler.headers['Content-Type'] = mockHandler.contentType; + } + $.each(mockHandler.headers, function(k, v) { + headers += k + ': ' + v + "\n"; + }); + return headers; + } + }; + } + + // Process a JSONP mock request. + function processJsonpMock( requestSettings, mockHandler, origSettings ) { + // Handle JSONP Parameter Callbacks, we need to replicate some of the jQuery core here + // because there isn't an easy hook for the cross domain script tag of jsonp + + processJsonpUrl( requestSettings ); + + requestSettings.dataType = "json"; + if(requestSettings.data && CALLBACK_REGEX.test(requestSettings.data) || CALLBACK_REGEX.test(requestSettings.url)) { + createJsonpCallback(requestSettings, mockHandler, origSettings); + + // We need to make sure + // that a JSONP style response is executed properly + + var rurl = /^(\w+:)?\/\/([^\/?#]+)/, + parts = rurl.exec( requestSettings.url ), + remote = parts && (parts[1] && parts[1] !== location.protocol || parts[2] !== location.host); + + requestSettings.dataType = "script"; + if(requestSettings.type.toUpperCase() === "GET" && remote ) { + var newMockReturn = processJsonpRequest( requestSettings, mockHandler, origSettings ); + + // Check if we are supposed to return a Deferred back to the mock call, or just + // signal success + if(newMockReturn) { + return newMockReturn; + } else { + return true; + } + } + } + return null; + } + + // Append the required callback parameter to the end of the request URL, for a JSONP request + function processJsonpUrl( requestSettings ) { + if ( requestSettings.type.toUpperCase() === "GET" ) { + if ( !CALLBACK_REGEX.test( requestSettings.url ) ) { + requestSettings.url += (/\?/.test( requestSettings.url ) ? "&" : "?") + + (requestSettings.jsonp || "callback") + "=?"; + } + } else if ( !requestSettings.data || !CALLBACK_REGEX.test(requestSettings.data) ) { + requestSettings.data = (requestSettings.data ? requestSettings.data + "&" : "") + (requestSettings.jsonp || "callback") + "=?"; + } + } + + // Process a JSONP request by evaluating the mocked response text + function processJsonpRequest( requestSettings, mockHandler, origSettings ) { + // Synthesize the mock request for adding a script tag + var callbackContext = origSettings && origSettings.context || requestSettings, + newMock = null; + + + // If the response handler on the moock is a function, call it + if ( mockHandler.response && $.isFunction(mockHandler.response) ) { + mockHandler.response(origSettings); + } else { + + // Evaluate the responseText javascript in a global context + if( typeof mockHandler.responseText === 'object' ) { + $.globalEval( '(' + JSON.stringify( mockHandler.responseText ) + ')'); + } else { + $.globalEval( '(' + mockHandler.responseText + ')'); + } + } + + // Successful response + setTimeout(function() { + jsonpSuccess( requestSettings, callbackContext, mockHandler ); + jsonpComplete( requestSettings, callbackContext, mockHandler ); + }, parseResponseTimeOpt(mockHandler.responseTime) || 0); + + // If we are running under jQuery 1.5+, return a deferred object + if($.Deferred){ + newMock = new $.Deferred(); + if(typeof mockHandler.responseText == "object"){ + newMock.resolveWith( callbackContext, [mockHandler.responseText] ); + } + else{ + newMock.resolveWith( callbackContext, [$.parseJSON( mockHandler.responseText )] ); + } + } + return newMock; + } + + + // Create the required JSONP callback function for the request + function createJsonpCallback( requestSettings, mockHandler, origSettings ) { + var callbackContext = origSettings && origSettings.context || requestSettings; + var jsonp = requestSettings.jsonpCallback || ("jsonp" + jsc++); + + // Replace the =? sequence both in the query string and the data + if ( requestSettings.data ) { + requestSettings.data = (requestSettings.data + "").replace(CALLBACK_REGEX, "=" + jsonp + "$1"); + } + + requestSettings.url = requestSettings.url.replace(CALLBACK_REGEX, "=" + jsonp + "$1"); + + + // Handle JSONP-style loading + window[ jsonp ] = window[ jsonp ] || function( tmp ) { + data = tmp; + jsonpSuccess( requestSettings, callbackContext, mockHandler ); + jsonpComplete( requestSettings, callbackContext, mockHandler ); + // Garbage collect + window[ jsonp ] = undefined; + + try { + delete window[ jsonp ]; + } catch(e) {} + + if ( head ) { + head.removeChild( script ); + } + }; + } + + // The JSONP request was successful + function jsonpSuccess(requestSettings, callbackContext, mockHandler) { + // If a local callback was specified, fire it and pass it the data + if ( requestSettings.success ) { + requestSettings.success.call( callbackContext, mockHandler.responseText || "", status, {} ); + } + + // Fire the global callback + if ( requestSettings.global ) { + (requestSettings.context ? $(requestSettings.context) : $.event).trigger("ajaxSuccess", [{}, requestSettings]); + } + } + + // The JSONP request was completed + function jsonpComplete(requestSettings, callbackContext) { + // Process result + if ( requestSettings.complete ) { + requestSettings.complete.call( callbackContext, {} , status ); + } + + // The request was completed + if ( requestSettings.global ) { + (requestSettings.context ? $(requestSettings.context) : $.event).trigger("ajaxComplete", [{}, requestSettings]); + } + + // Handle the global AJAX counter + if ( requestSettings.global && ! --$.active ) { + $.event.trigger( "ajaxStop" ); + } + } + + + // The core $.ajax replacement. + function handleAjax( url, origSettings ) { + var mockRequest, requestSettings, mockHandler, overrideCallback; + + // If url is an object, simulate pre-1.5 signature + if ( typeof url === "object" ) { + origSettings = url; + url = undefined; + } else { + // work around to support 1.5 signature + origSettings = origSettings || {}; + origSettings.url = url; + } + + // Extend the original settings for the request + requestSettings = $.extend(true, {}, $.ajaxSettings, origSettings); + + // Generic function to override callback methods for use with + // callback options (onAfterSuccess, onAfterError, onAfterComplete) + overrideCallback = function(action, mockHandler) { + var origHandler = origSettings[action.toLowerCase()]; + return function() { + if ( $.isFunction(origHandler) ) { + origHandler.apply(this, [].slice.call(arguments)); + } + mockHandler['onAfter' + action](); + }; + }; + + // Iterate over our mock handlers (in registration order) until we find + // one that is willing to intercept the request + for(var k = 0; k < mockHandlers.length; k++) { + if ( !mockHandlers[k] ) { + continue; + } + + mockHandler = getMockForRequest( mockHandlers[k], requestSettings ); + if(!mockHandler) { + // No valid mock found for this request + continue; + } + + mockedAjaxCalls.push(requestSettings); + + // If logging is enabled, log the mock to the console + $.mockjaxSettings.log( mockHandler, requestSettings ); + + + if ( requestSettings.dataType && requestSettings.dataType.toUpperCase() === 'JSONP' ) { + if ((mockRequest = processJsonpMock( requestSettings, mockHandler, origSettings ))) { + // This mock will handle the JSONP request + return mockRequest; + } + } + + + // Removed to fix #54 - keep the mocking data object intact + //mockHandler.data = requestSettings.data; + + mockHandler.cache = requestSettings.cache; + mockHandler.timeout = requestSettings.timeout; + mockHandler.global = requestSettings.global; + + // In the case of a timeout, we just need to ensure + // an actual jQuery timeout (That is, our reponse won't) + // return faster than the timeout setting. + if ( mockHandler.isTimeout ) { + if ( mockHandler.responseTime > 1 ) { + origSettings.timeout = mockHandler.responseTime - 1; + } else { + mockHandler.responseTime = 2; + origSettings.timeout = 1; + } + mockHandler.isTimeout = false; + } + + // Set up onAfter[X] callback functions + if ( $.isFunction( mockHandler.onAfterSuccess ) ) { + origSettings.success = overrideCallback('Success', mockHandler); + } + if ( $.isFunction( mockHandler.onAfterError ) ) { + origSettings.error = overrideCallback('Error', mockHandler); + } + if ( $.isFunction( mockHandler.onAfterComplete ) ) { + origSettings.complete = overrideCallback('Complete', mockHandler); + } + + copyUrlParameters(mockHandler, origSettings); + + (function(mockHandler, requestSettings, origSettings, origHandler) { + + mockRequest = _ajax.call($, $.extend(true, {}, origSettings, { + // Mock the XHR object + xhr: function() { return xhr( mockHandler, requestSettings, origSettings, origHandler ); } + })); + })(mockHandler, requestSettings, origSettings, mockHandlers[k]); + + return mockRequest; + } + + // We don't have a mock request + unmockedAjaxCalls.push(origSettings); + if($.mockjaxSettings.throwUnmocked === true) { + throw new Error('AJAX not mocked: ' + origSettings.url); + } + else { // trigger a normal request + return _ajax.apply($, [origSettings]); + } + } + + /** + * Copies URL parameter values if they were captured by a regular expression + * @param {Object} mockHandler + * @param {Object} origSettings + */ + function copyUrlParameters(mockHandler, origSettings) { + //parameters aren't captured if the URL isn't a RegExp + if (!(mockHandler.url instanceof RegExp)) { + return; + } + //if no URL params were defined on the handler, don't attempt a capture + if (!mockHandler.hasOwnProperty('urlParams')) { + return; + } + var captures = mockHandler.url.exec(origSettings.url); + //the whole RegExp match is always the first value in the capture results + if (captures.length === 1) { + return; + } + captures.shift(); + //use handler params as keys and capture resuts as values + var i = 0, + capturesLength = captures.length, + paramsLength = mockHandler.urlParams.length, + //in case the number of params specified is less than actual captures + maxIterations = Math.min(capturesLength, paramsLength), + paramValues = {}; + for (i; i < maxIterations; i++) { + var key = mockHandler.urlParams[i]; + paramValues[key] = captures[i]; + } + origSettings.urlParams = paramValues; + } + + + // Public + + $.extend({ + ajax: handleAjax + }); + + $.mockjaxSettings = { + //url: null, + //type: 'GET', + log: function( mockHandler, requestSettings ) { + if ( mockHandler.logging === false || + ( typeof mockHandler.logging === 'undefined' && $.mockjaxSettings.logging === false ) ) { + return; + } + if ( window.console && console.log ) { + var message = 'MOCK ' + requestSettings.type.toUpperCase() + ': ' + requestSettings.url; + var request = $.extend({}, requestSettings); + + if (typeof console.log === 'function') { + console.log(message, request); + } else { + try { + console.log( message + ' ' + JSON.stringify(request) ); + } catch (e) { + console.log(message); + } + } + } + }, + logging: true, + status: 200, + statusText: "OK", + responseTime: 500, + isTimeout: false, + throwUnmocked: false, + contentType: 'text/plain', + response: '', + responseText: '', + responseXML: '', + proxy: '', + proxyType: 'GET', + + lastModified: null, + etag: '', + headers: { + etag: 'IJF@H#@923uf8023hFO@I#H#', + 'content-type' : 'text/plain' + } + }; + + $.mockjax = function(settings) { + var i = mockHandlers.length; + mockHandlers[i] = settings; + return i; + }; + $.mockjax.clear = function(i) { + if ( arguments.length == 1 ) { + mockHandlers[i] = null; + } else { + mockHandlers = []; + } + mockedAjaxCalls = []; + unmockedAjaxCalls = []; + }; + // support older, deprecated version + $.mockjaxClear = function(i) { + window.console && window.console.warn && window.console.warn( 'DEPRECATED: The $.mockjaxClear() method has been deprecated in 1.6.0. Please use $.mockjax.clear() as the older function will be removed soon!' ); + $.mockjax.clear(); + }; + $.mockjax.handler = function(i) { + if ( arguments.length == 1 ) { + return mockHandlers[i]; + } + }; + $.mockjax.mockedAjaxCalls = function() { + return mockedAjaxCalls; + }; + $.mockjax.unfiredHandlers = function() { + var results = []; + for (var i=0, len=mockHandlers.length; i<len; i++) { + var handler = mockHandlers[i]; + if (handler !== null && !handler.fired) { + results.push(handler); + } + } + return results; + }; + $.mockjax.unmockedAjaxCalls = function() { + return unmockedAjaxCalls; + }; +})(jQuery); |