add extjs 6.0.1 sources

[extjs.git] / extjs / packages / core / test / specs / GlobalEvents.js

describe("Ext.GlobalEvents", function() {\r
    describe('idle event', function() {\r
        var delay = Ext.isIE ? 50 : 10,\r
            idleFired, done;\r
\r
        function onIdle() {\r
            idleFired = true;\r
        }\r
\r
        beforeEach(function() {\r
            idleFired = false;\r
            done = false;\r
            Ext.on('idle', onIdle);\r
        });\r
\r
        afterEach(function() {\r
            Ext.un('idle', onIdle);\r
        });\r
\r
        it("should fire after DOM event handler are invoked, but before control is returned to the browser", function() {\r
            var element = Ext.getBody().createChild(),\r
                handledCount = 0;\r
\r
            function expectFalse() {\r
                expect(idleFired).toBe(false);\r
                handledCount ++;\r
            }\r
\r
            // attach a couple mousedown listeners, the idle event should fire after both\r
            // handlers have fired\r
            element.on('mousedown', expectFalse);\r
            element.on('mousedown', function() {\r
                expectFalse();\r
            });\r
\r
            jasmine.fireMouseEvent(element, 'mousedown');\r
\r
            expect(handledCount).toBe(2);\r
            expect(idleFired).toBe(true);\r
\r
            element.destroy();\r
        });\r
\r
        it("should fire after a JsonPProxy processes a return packet", function() {\r
            var store = Ext.create('Ext.data.Store', {\r
                proxy: {\r
                    type: 'jsonp',\r
                    reader: {\r
                        rootProperty: 'topics',\r
                        totalProperty: 'totalCount'\r
                    },\r
                    url: 'http://www.sencha.com/forum/remote_topics/index.php'\r
                },\r
                fields: ['title'],\r
                listeners: {\r
                    load: function() {\r
                        done = true;\r
                    }\r
                }\r
            });\r
            store.loadPage(1);\r
            waitsFor(function() {\r
                return done === true;\r
            });\r
            runs(function() {\r
                waits(delay);\r
                runs(function() {\r
                    expect(idleFired).toBe(true);\r
                    store.destroy();\r
                });\r
            });\r
        });\r
\r
        it("should fire after a JsonP request is processed", function() {\r
            Ext.data.JsonP.request({\r
                url: 'http://www.sencha.com/forum/remote_topics/index.php?page=1&start=0&limit=100',\r
                callback: function() {\r
                    done = true;\r
                }\r
            });\r
            waitsFor(function() {\r
                return done === true;\r
            });\r
            runs(function() {\r
                waits(delay);\r
                runs(function() {\r
                    expect(idleFired).toBe(true);\r
                });\r
            });\r
        });\r
        \r
        it("should fire after an Ajax request is processed", function() {\r
            Ext.Ajax.request({\r
                url: 'resources/foo.json',\r
                callback: function() {\r
                    done = true;\r
                }\r
            });\r
            waitsFor(function() {\r
                return done === true;\r
            });\r
            runs(function() {\r
                waits(delay);\r
                runs(function() {\r
                    expect(idleFired).toBe(true);\r
                });\r
            });\r
        });\r
\r
        it("should fire after a scheduled Task is run", function() {\r
            Ext.TaskManager.newTask({\r
                run: function(){\r
                    done = true;\r
                }, \r
                repeat: 1, \r
                interval: 1\r
            }).start();\r
            waitsFor(function() {\r
                return done === true;\r
            });\r
            runs(function() {\r
                waits(delay);\r
                runs(function() {\r
                    expect(idleFired).toBe(true);\r
                });\r
            });\r
        });\r
    });\r
    \r
    describe('scroll event', function() {\r
        var stretcher,\r
            scrollingPanel,\r
            scrolledElements = [],\r
            runIt = Ext.supports.touchScroll ? xit : it;\r
\r
        afterEach(function() {\r
            stretcher.destroy();\r
            scrollingPanel.destroy();\r
        });\r
\r
        function onGlobalScroll(scroller) {\r
            scrolledElements.push(scroller.getElement());\r
        }\r
\r
        runIt('should fire the global scroll event whenever anything scrolls', function() {\r
            stretcher = Ext.getBody().createChild({\r
                style: 'height:10000px'\r
            });\r
            \r
            // Use Ext.Panel class - it will work in Classic and Modern\r
            scrollingPanel = new Ext.Panel({\r
                renderTo: document.body,\r
                floating: true,\r
                x: 0,\r
                y: 0,\r
                width: 300,\r
                height: 300,\r
                \r
                // Modern defaults to 'card', so explicitly use 'auto'\r
                layout: 'auto',\r
                scrollable: true,\r
                items: {\r
                    xtype: 'component',\r
                    style: 'height:1000px'\r
                }\r
            });\r
\r
            // Record all scroll events\r
            Ext.on({\r
                scroll: onGlobalScroll\r
            });\r
            Ext.scroll.DomScroller.document.scrollBy(null, 100);\r
\r
            // Wait for scroll events to fire (may be async)\r
            waitsFor(function() {\r
                return scrolledElements.length === 1 &&\r
                       scrolledElements[0] === Ext.scroll.DomScroller.document.getElement();\r
            });\r
            \r
            runs(function() {\r
                scrollingPanel.getScrollable().scrollBy(null, 100);\r
            });\r
            \r
            // Wait for scroll events to fire (may be async)\r
            waitsFor(function() {\r
                return scrolledElements.length === 2 &&\r
                       scrolledElements[1] === scrollingPanel.getScrollable().getElement();\r
            });\r
        });\r
    });\r
});\r