Fetch success handler test

by László Kovács

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.2/jquery.mockjax.min.js"></script>

JavaScript

var Person = Backbone.Model.extend({ urlRoot: "/person" }), 
    person,
    People = Backbone.Collection.extend({ url: "/people", model: Person }), 
    people;

// Fetching a single model
$.mockjax({
    url: "/person/*",
    responseText: { id: 1, name: "Ann", age: 10 }
});
person = new Person({ id: 1 });
person.fetch({
    success: function () {
        console.log("-------------------");
        console.log("Person data:");
        console.log(person.get("name"));
        console.log(person.get("age"));
    }
});
$.mockjaxClear();

// Fetching a collection of models
$.mockjax({
    url: '/people',
    responseText: [
        { id: 1, name: "Ann", age: 10 }, 
        { id: 2, name: "Bill", age: 20 }
    ]
});
var people = new People();
people.fetch({
    success: function () {
        console.log("-------------------");
        console.log("People data:");
        console.log(people.length);
    }
});
$.mockjaxClear();