add extjs 6.0.1 sources

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

describe("Ext.util.KeyboardInteractive", function() {\r
    var Event = Ext.event.Event,\r
        createSpy = jasmine.createSpy,\r
        focusAndWait = jasmine.focusAndWait,\r
        waitAWhile = jasmine.waitAWhile,\r
        pressArrowKey = jasmine.pressArrowKey,\r
        fireKeyEvent = jasmine.fireKeyEvent,\r
        c, focusEl;\r
    \r
    function stdComponent(config) {\r
        return Ext.apply({\r
            xtype: 'component',\r
            renderTo: Ext.getBody(),\r
            width: 100,\r
            height: 100,\r
            focusable: true,\r
            tabIndex: 0,\r
            getFocusEl: function() {\r
                return this.el;\r
            },\r
            onKeyDefault: Ext.emptyFn\r
        }, config);\r
    }\r
    \r
    function makeComponent(config) {\r
        var cmpCfg = stdComponent(config);\r
        \r
        c = new Ext.Component(cmpCfg);\r
        \r
        return c;\r
    }\r
    \r
    afterEach(function() {\r
        if (c) {\r
            c.destroy();\r
        }\r
        \r
        c = null;\r
    });\r
    \r
    describe("config handling", function() {\r
        beforeEach(function() {\r
            makeComponent();\r
        });\r
        \r
        it("should accept binding as function", function() {\r
            spyOn(Ext.log, 'warn');\r
            \r
            c.setKeyHandlers({ UP: Ext.emptyFn });\r
            \r
            expect(Ext.log.warn).not.toHaveBeenCalled();\r
            \r
            var handlers = c.getKeyHandlers();\r
            \r
            expect(handlers.UP).toBe(Ext.emptyFn);\r
        });\r
        \r
        it("should accept binding as fn name", function() {\r
            c.setKeyHandlers({ DOWN: 'onKeyDefault' });\r
            \r
            var handlers = c.getKeyHandlers();\r
            \r
            expect(handlers.DOWN).toBe(Ext.emptyFn);\r
        });\r
        \r
        it("should throw on unknown keycode", function() {\r
            var err = "Unknown key: FOO in keyHandlers config for " + c.id +\r
                      ". Key names should be in UPPER CASE.";\r
            \r
            expect(function() {\r
                c.setKeyHandlers({ FOO: 'onKeyFoo' });\r
            }).toThrow(err);\r
        });\r
        \r
        it("should warn on undefined binding", function() {\r
            // The warning is expected\r
            spyOn(Ext.log, 'warn');\r
            \r
            c.setKeyHandlers({ UP: 'onKeyUp' });\r
            \r
            var have = Ext.log.warn.mostRecentCall.args[0],\r
                want = "Undefined binding onKeyUp for UP key " +\r
                       "in keyHandlers config for " + c.id;\r
            \r
            expect(have).toBe(want);\r
        });\r
    });\r
    \r
    describe("keydown listener", function() {\r
        describe("w/o config", function() {\r
            beforeEach(function() {\r
                makeComponent();\r
                \r
                focusEl = c.getFocusEl();\r
            });\r
            \r
            it("should not attach listener initially", function() {\r
                expect(focusEl.hasListener('keydown')).toBe(false);\r
            });\r
            \r
            it("should attach listener on config update", function() {\r
                c.setKeyHandlers({ HOME: 'onKeyDefault' });\r
                \r
                expect(focusEl.hasListener('keydown')).toBe(true);\r
            });\r
        });\r
        \r
        describe("with config", function() {\r
            beforeEach(function() {\r
                makeComponent({\r
                    keyHandlers: {\r
                        LEFT: 'onKeyDefault'\r
                    }\r
                });\r
                \r
                focusEl = c.getFocusEl();\r
            });\r
        \r
            it("should attach listener after render", function() {\r
                expect(focusEl.hasListener('keydown')).toBe(true);\r
            });\r
            \r
            it("should not attach listener more than once", function() {\r
                c.setKeyHandlers({ RIGHT: 'onKeyDefault' });\r
                \r
                expect(focusEl.hasListeners.keydown).toBe(1);\r
            });\r
        });\r
    });\r
    \r
    describe("handlers", function() {\r
        var leftSpy, rightSpy;\r
        \r
        beforeEach(function() {\r
            leftSpy = createSpy('left');\r
            rightSpy = createSpy('right');\r
            \r
            makeComponent({\r
                keyHandlers: {\r
                    LEFT: 'onKeyLeft',\r
                    RIGHT: 'onKeyRight'\r
                },\r
                \r
                onKeyLeft: leftSpy,\r
                onKeyRight: rightSpy\r
            });\r
        });\r
        \r
        afterEach(function() {\r
            leftSpy = rightSpy = null;\r
        });\r
        \r
        describe("resolving", function() {\r
            it("should resolve handler name to function", function() {\r
                var handlers = c.getKeyHandlers();\r
                \r
                expect(handlers.LEFT).toBe(leftSpy);\r
            });\r
        });\r
        \r
        describe("invoking", function() {\r
            describe("matching a handler", function() {\r
                it("should invoke the handler", function() {\r
                    pressArrowKey(c, 'left');\r
                \r
                    runs(function() {\r
                        expect(leftSpy).toHaveBeenCalled();\r
                    });\r
                });\r
            \r
                it("should pass the key event", function() {\r
                    focusAndWait(c);\r
                \r
                    runs(function() {\r
                        fireKeyEvent(c.getFocusEl(), 'keydown', Event.RIGHT);\r
                    });\r
                \r
                    waitAWhile();\r
                \r
                    runs(function() {\r
                        var args = rightSpy.mostRecentCall.args,\r
                            ev = args[0];\r
                        \r
                        expect(ev.getKey()).toBe(Event.RIGHT);\r
                    });\r
                });\r
            });\r
            \r
            describe("not matching a handler", function() {\r
                it("should not throw", function() {\r
                    focusAndWait(c);\r
                    \r
                    runs(function() {\r
                        expect(function() {\r
                            fireKeyEvent(c.getFocusEl(), 'keydown', Event.UP);\r
                        }).not.toThrow();\r
                    });\r
                });\r
            });\r
        });\r
    });\r
});\r