add extjs 6.0.1 sources

[extjs.git] / extjs / modern / modern / test / specs / plugin / PullRefresh.js

describe("Ext.plugin.PullRefresh", function() {\r
    var store, proxy, list, plugin, model, supportsTouch, supportsTouchScroll;\r
\r
    beforeEach(function() {\r
        // make sure we are testing "touch" scrolling\r
        supportsTouch = Ext.supports.Touch;\r
        supportsTouchScroll = Ext.supports.touchScroll;\r
        Ext.supports.Touch = true;\r
        Ext.supports.touchScroll = 2;\r
\r
        store = new Ext.data.Store({\r
            fields: ['id', 'title'],\r
\r
            data: [\r
                {id: 11, title: 'First Item'},\r
                {id: 12, title: 'Second Item'},\r
                {id: 13, title: 'Third Item'},\r
                {id: 14, title: 'Fourth Item'},\r
                {id: 15, title: 'Fifth Item'}\r
            ],\r
\r
            proxy: {\r
                type: 'ajax',\r
                url: 'notreal'\r
            }\r
        });\r
\r
        proxy = store.getProxy();\r
        model = store.getModel();\r
\r
        list = new Ext.List({\r
            plugins: ['pullrefresh'],\r
            store: store,\r
            displayField: 'title'\r
        });\r
\r
        plugin = list.getPlugins()[0];\r
    });\r
\r
    afterEach(function() {\r
        list.destroy();\r
        list = null;\r
        \r
        Ext.supports.Touch = supportsTouch;\r
        Ext.supports.touchScroll = supportsTouchScroll;\r
    });\r
\r
    describe("fetching latest items", function() {\r
        var operation;\r
\r
        beforeEach(function() {\r
            spyOn(proxy, 'read').andCallFake(function(op) {\r
                operation = op;\r
            });\r
        });\r
\r
        it("should send a read request via the Store's Proxy", function() {\r
            plugin.fetchLatest();\r
\r
            expect(proxy.read).toHaveBeenCalled();\r
        });\r
\r
        describe("the Operation", function() {\r
            beforeEach(function() {\r
                plugin.fetchLatest();\r
            });\r
\r
            it("should be a read Operation", function() {\r
                expect(operation.getAction()).toBe('read');\r
            });\r
\r
            it("should specify page 1", function() {\r
                expect(operation.getPage()).toBe(1);\r
            });\r
\r
            it("should set start to 0", function() {\r
                expect(operation.getStart()).toBe(0);\r
            });\r
\r
            it("should set page size to the Store's page size", function() {\r
                expect(operation.getLimit()).toBe(store.getPageSize());\r
            });\r
        });\r
    });\r
\r
    describe("when latest fetched items come back", function() {\r
        describe("if there are no new items", function() {\r
            var operation;\r
            beforeEach(function() {\r
                operation = new Ext.data.operation.Read({\r
                    model: model,\r
                    records: []\r
                });\r
            });\r
\r
            it("should leave all of the Store items unmolested", function() {\r
                plugin.onLatestFetched(operation);\r
\r
                expect(store.getCount()).toBe(5);\r
            });\r
        });\r
\r
        describe("if the fetched items overlap with records already in the store", function() {\r
            var newRecords, operation;\r
\r
            beforeEach(function() {\r
                newRecords = [];\r
\r
                var raw = [\r
                    {id: 1, title: 'New First Item'},\r
                    {id: 2, title: 'New Second Item'},\r
                    {id: 3, title: 'New Third Item'},\r
                    {id: 4, title: 'New Fourth Item'},\r
                    {id: 5, title: 'New Fifth Item'},\r
                    {id: 6, title: 'New Sixth Item'},\r
                    {id: 7, title: 'New Seventh Item'},\r
                    {id: 8, title: 'New Eighth Item'},\r
                    {id: 9, title: 'New Ninth Item'},\r
                    {id: 10, title: 'New Tenth Item'},\r
                    {id: 11, title: 'Updated First Item'},\r
                    {id: 12, title: 'Updated Second Item'}\r
                ];\r
\r
                Ext.each(raw, function(data, i) {\r
                    newRecords[i] = new model(data);\r
                }, this);\r
\r
                operation = new Ext.data.operation.Read({\r
                    records: newRecords,\r
                    model: model\r
                });\r
\r
                plugin.onLatestFetched(newRecords, operation);\r
            });\r
\r
            it("should have the correct number of items in the Store", function() {\r
                expect(store.getCount()).toBe(15);\r
            });\r
\r
            it("should update the data for any items that came back in the response but were already present", function() {\r
                expect(store.getById(11).get('title')).toBe('Updated First Item');\r
                expect(store.getById(12).get('title')).toBe('Updated Second Item');\r
            });\r
        });\r
\r
        describe("if the fetched items do not overlap with records already in the store", function() {\r
            var newRecords, operation;\r
\r
            beforeEach(function() {\r
                newRecords = [];\r
\r
                var raw = [\r
                    {id: 1, title: 'New First Item'},\r
                    {id: 2, title: 'New Second Item'},\r
                    {id: 3, title: 'New Third Item'},\r
                    {id: 4, title: 'New Fourth Item'},\r
                    {id: 5, title: 'New Fifth Item'}\r
                ];\r
\r
                Ext.each(raw, function(data, i) {\r
                    newRecords[i] = new model(data);\r
                }, this);\r
\r
                operation = new Ext.data.operation.Read({\r
                    records: newRecords,\r
                    model: model\r
                });\r
            });\r
\r
            it("should insert any new items at the front of the Store", function() {\r
                plugin.onLatestFetched(newRecords, operation);\r
\r
                expect(store.getCount()).toBe(10);\r
                expect(store.getAt(0).getId()).toBe(1);\r
                expect(store.getAt(1).getId()).toBe(2);\r
                expect(store.getAt(2).getId()).toBe(3);\r
                expect(store.getAt(3).getId()).toBe(4);\r
                expect(store.getAt(4).getId()).toBe(5);\r
            });\r
\r
            it("should record that a break occurred after the last new item", function() {\r
\r
            });\r
        });\r
    });\r
});