dan-palmer/backbone.mock.js

## backbone.mock.js
(function() {
  var root = this;
  var BackboneMock = (function() {

    if(typeof Backbone === 'undefined') {
      throw '"Backbone" is undefined, make sure you have loaded ' +
            'backbone.js before using this mock utility';
    }
    // Override Backbone.sync
    // because we want to mock the requests
    // we don't care about the method here ...
    Backbone.sync = function(method, model, options) {
      var resp;
      if(urls[model.url]) {
        resp = urls[model.url];
      }
      resp ?
        setTimeout(options.success, timeout, resp) :
        setTimeout(options.error, timeout, 'This model\'s url is not mocked ...');
    };

    var urls = {},
        timeout = 1000;

    var map = function() {
      var args = [].slice.call(arguments, 0);
      var i = 0, l = args.length, options;
      for(i; i < l; i += 1) {
        options = args[i];
        if(options.url) {
          urls[options.url] = options.response || {};
        }
      }
    };

    return {
      map: function() {
        var args = [].slice.call(arguments, 0);
        map.apply(null, args);
        return this;
      }
    };
  }());
  root.BackboneMock = BackboneMock;

}).call(this);


## example-mock.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
  </head>
  <body>
    <script type="text/javascript" src="js/libs/jquery.js"></script>
    <script type="text/javascript" src="js/libs/underscore.js"></script>
    <script type="text/javascript" src="js/libs/backbone.js"></script>
    <script type="text/javascript" src="js/backbone.mock.js"></script>
    <script type="text/javascript">
      var mock = BackboneMock.map(
        {
          url: '/user',
          response: {
            name: 'theDude',
            age: 20,
            email: 'theDude@gmail.com'
          }
        }
      );

      // Usage with Backbone
      var User = Backbone.Model.extend({
        url: '/user'
      });
      var user = new User();
      user.fetch({
        error: function(model, options, response) {
          console.log('error fetching model: ', arguments);
        },
        success: function(resp, status, xhr) {
          console.log('success fetching model: ', arguments);
        }
      });

      setTimeout(function() {
        console.log('saving ... ');
        user.save({url: 'http://www.thedude.com'}, {
          error: function(model, options, reponse) {
            console.log('error saving model data: ', arguments);
          },
          success: function(resp, status, xhr) {
            console.log('success saving model data: ', resp);
          }
        });
      }, 10000);
    </script>
  </body>
</html>
	(function() {
	var root = this;
	var BackboneMock = (function() {

	if(typeof Backbone === 'undefined') {
	throw '"Backbone" is undefined, make sure you have loaded ' +
	'backbone.js before using this mock utility';
	}
	// Override Backbone.sync
	// because we want to mock the requests
	// we don't care about the method here ...
	Backbone.sync = function(method, model, options) {
	var resp;
	if(urls[model.url]) {
	resp = urls[model.url];
	}
	resp ?
	setTimeout(options.success, timeout, resp) :
	setTimeout(options.error, timeout, 'This model\'s url is not mocked ...');
	};

	var urls = {},
	timeout = 1000;

	var map = function() {
	var args = [].slice.call(arguments, 0);
	var i = 0, l = args.length, options;
	for(i; i < l; i += 1) {
	options = args[i];
	if(options.url) {
	urls[options.url] = options.response \|\| {};
	}
	}
	};

	return {
	map: function() {
	var args = [].slice.call(arguments, 0);
	map.apply(null, args);
	return this;
	}
	};
	}());
	root.BackboneMock = BackboneMock;

	}).call(this);
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title></title>
	</head>
	<body>
	<script type="text/javascript" src="js/libs/jquery.js"></script>
	<script type="text/javascript" src="js/libs/underscore.js"></script>
	<script type="text/javascript" src="js/libs/backbone.js"></script>
	<script type="text/javascript" src="js/backbone.mock.js"></script>
	<script type="text/javascript">
	var mock = BackboneMock.map(
	{
	url: '/user',
	response: {
	name: 'theDude',
	age: 20,
	email: 'theDude@gmail.com'
	}
	}
	);

	// Usage with Backbone
	var User = Backbone.Model.extend({
	url: '/user'
	});
	var user = new User();
	user.fetch({
	error: function(model, options, response) {
	console.log('error fetching model: ', arguments);
	},
	success: function(resp, status, xhr) {
	console.log('success fetching model: ', arguments);
	}
	});

	setTimeout(function() {
	console.log('saving ... ');
	user.save({url: 'http://www.thedude.com'}, {
	error: function(model, options, reponse) {
	console.log('error saving model data: ', arguments);
	},
	success: function(resp, status, xhr) {
	console.log('success saving model data: ', resp);
	}
	});
	}, 10000);
	</script>
	</body>
	</html>