kendo-backbone/specs/web/datasource/collection.read.spec.js

Bind a Backbone.Collection to a Kendo DataSource

describe("Kendo UI Backbone DataSource - Read Backbone Collection", function(){

  describe("given a collection/datasource is empty, when the collection is reset", function(){
    var ds, collection, item;
    
    beforeEach(function(){
      collection = new TestCollection();
      ds = new kendo.Backbone.DataSource({
        collection: collection,
        autoSync: true
      });

      collection.on("reset", function(){
        item = collection.at(0).toJSON();
      });

      collection.reset([{id: 1, name: "foo", foo: "bar", baz: "quux"}]);
    });
    
    it("should reset the data in the DataSource", function(){
      var dsItem = ds.view()[0];

      expect(dsItem.id).toBe(item.id);
      expect(dsItem.name).toBe(item.name);
      expect(dsItem.foo).toBe(item.foo);
      expect(dsItem.baz).toBe(item.baz);
    });
  });

  describe("given a collection/datasource is not empty, when the collection is reset", function(){
    var ds, collection, item;
    
    beforeEach(function(){
      collection = new TestCollection([{id: 2, name: "boo", foo: "far", baz: "books"}]);
      ds = new kendo.Backbone.DataSource({
        collection: collection,
        autoSync: true
      });
      ds.read();

      collection.on("reset", function(){
        item = collection.at(0).toJSON();
      });

      collection.reset([{id: 1, name: "foo", foo: "bar", baz: "quux"}]);
    });

    it("should reset the datasource length to the collection length", function(){
      expect(ds.view().length).toBe(collection.length);
    });
    
    it("should have the new models' data in the DataSource", function(){
      var dsItem = ds.view()[0];

      expect(dsItem.id).toBe(item.id);
      expect(dsItem.name).toBe(item.name);
      expect(dsItem.foo).toBe(item.foo);
      expect(dsItem.baz).toBe(item.baz);
    });
  });

});