add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / util / KeyNav.js

describe("Ext.util.KeyNav", function(){\r
    var el, nav, createNav, fireKey, defaultFn, KEYS = Ext.util.KeyNav.keyOptions;\r
    \r
    beforeEach(function(){\r
        el = Ext.getBody().createChild({\r
            id: 'test-keyNav-el'\r
        });\r
        \r
        createNav = function(config){\r
            nav = new Ext.KeyNav(el, config);\r
        };\r
        \r
        fireKey = function(key, eventName, options){\r
            jasmine.fireKeyEvent(el, nav.getKeyEvent(), key);\r
        };\r
        \r
        defaultFn = jasmine.createSpy('defaultKeyNavHandler');\r
    });\r
    \r
    afterEach(function(){\r
        if (nav) {\r
            nav.disable();\r
        }\r
        \r
        el.destroy();\r
        fireKey = el = nav = createNav = defaultFn = null;\r
    });\r
    \r
    describe("keys", function(){\r
        describe("key options", function(){\r
            it("should fire for the left key", function(){\r
                createNav({\r
                    left: defaultFn\r
                });    \r
                fireKey(KEYS.left);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the right key", function(){\r
                createNav({\r
                    right: defaultFn\r
                });    \r
                fireKey(KEYS.right);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the up key", function(){\r
                createNav({\r
                    up: defaultFn\r
                });    \r
                fireKey(KEYS.up);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the down key", function(){\r
                createNav({\r
                    down: defaultFn\r
                });    \r
                fireKey(KEYS.down);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the pageUp key", function(){\r
                createNav({\r
                    pageUp: defaultFn\r
                });    \r
                fireKey(KEYS.pageUp);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the pageDown key", function(){\r
                createNav({\r
                    pageDown: defaultFn\r
                });    \r
                fireKey(KEYS.pageDown);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the del key", function(){\r
                createNav({\r
                    del: defaultFn\r
                });    \r
                fireKey(KEYS.del);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the home key", function(){\r
                createNav({\r
                    home: defaultFn\r
                });    \r
                fireKey(KEYS.home);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the end key", function(){\r
                createNav({\r
                    end: defaultFn\r
                });    \r
                fireKey(KEYS.end);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the enter key", function(){\r
                createNav({\r
                    enter: defaultFn\r
                });    \r
                fireKey(KEYS.enter);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the esc key", function(){\r
                createNav({\r
                    esc: defaultFn\r
                });    \r
                fireKey(KEYS.esc);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        \r
            it("should fire for the tab key", function(){\r
                createNav({\r
                    tab: defaultFn\r
                });    \r
                fireKey(KEYS.tab);\r
                expect(defaultFn).toHaveBeenCalled();\r
            });\r
        });\r
        \r
        it("should bind multiple keys at once", function(){\r
            createNav({\r
                left: defaultFn,\r
                right: defaultFn\r
            });\r
            fireKey(KEYS.left);\r
            fireKey(KEYS.right);\r
            expect(defaultFn.callCount).toEqual(2);\r
        });\r
    });\r
    \r
    describe("scope/params", function(){\r
        it("should default the scope to the nav", function(){\r
            var actual;\r
            createNav({\r
                left: function(){\r
                    actual = this;\r
                }\r
            });\r
            fireKey(KEYS.left);\r
            expect(actual).toBe(nav);\r
        });\r
        \r
        it("should use the passed scope", function(){\r
            var scope = {},\r
                actual;\r
            createNav({\r
                scope: scope,\r
                left: function(){\r
                    actual = this;\r
                }\r
            });\r
            fireKey(KEYS.left);\r
            expect(actual).toBe(scope);\r
        });\r
        \r
        it("should receive an event object as only argument", function(){\r
            var realEvent;\r
            \r
            createNav({\r
                enter: function(event){\r
                    realEvent = event;        \r
                }\r
            });\r
            fireKey(KEYS.enter);\r
            expect(realEvent.getXY()).toBeTruthy();\r
            expect(realEvent.type).toBeTruthy();\r
            expect(realEvent.target).toBeTruthy();\r
        });\r
    });\r
    \r
    describe("enable/disable", function(){\r
        beforeEach(function() {\r
            createNav({\r
                esc: defaultFn\r
            });\r
        });\r
        \r
        it("should be enabled by default", function(){\r
            fireKey(KEYS.esc);\r
            expect(defaultFn).toHaveBeenCalled();\r
        });\r
        \r
        it("should not fire any events when disabled", function(){\r
            nav.disable();\r
            fireKey(KEYS.esc);\r
            expect(defaultFn).not.toHaveBeenCalled();\r
        });\r
        \r
        it("should fire events after being disabled then enabled", function(){\r
            nav.disable();\r
            fireKey(KEYS.esc);\r
            expect(defaultFn).not.toHaveBeenCalled();\r
            nav.enable();\r
            fireKey(KEYS.esc);\r
            expect(defaultFn).toHaveBeenCalled();\r
        });\r
    });\r
    \r
    describe("defaultEventAction", function() {\r
        var ev;\r
        \r
        beforeEach(function() {\r
            createNav({\r
                tab: function(e) {\r
                    ev = e;\r
                }\r
            });\r
        });\r
        \r
        it("should not prevent default event action by default", function() {\r
            fireKey(KEYS.tab);\r
            \r
            var prevented = Ext.isIE9m ? ev.browserEvent.returnValue === false\r
                          :              ev.browserEvent.defaultPrevented\r
                          ;\r
            \r
            expect(prevented).toBe(false);\r
        });\r
    });\r
});\r