add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / grid / column / Check.js

describe("Ext.grid.column.Check", function() {\r
    var grid, store, col;\r
\r
    function getColCfg() {\r
        return {\r
            xtype: 'checkcolumn',\r
            text: 'Checked',\r
            dataIndex: 'val'\r
        };\r
    }\r
    \r
    function makeGrid(columns) {\r
        store = new Ext.data.Store({\r
            model: spec.CheckColumnModel,\r
            data: [{\r
                val: true\r
            }, {\r
                val: true\r
            }, {\r
                val: false\r
            }, {\r
                val: true\r
            }, {\r
                val: false\r
            }]\r
        });\r
\r
        if (!columns) {\r
            columns = [getColCfg()];\r
        }\r
        \r
        grid = new Ext.grid.Panel({\r
            width: 200,\r
            height: 100,\r
            renderTo: Ext.getBody(),\r
            store: store,\r
            columns: columns\r
        });\r
        col = grid.getColumnManager().getFirst();\r
    }\r
    \r
    function triggerCellMouseEvent(type, rowIdx, cellIdx, button, x, y) {\r
        var target = getCellImg(rowIdx, cellIdx);\r
\r
        jasmine.fireMouseEvent(target, type, x, y, button);\r
    }\r
       \r
    function getCell(rowIdx) {\r
        return grid.getView().getCellInclusive({\r
            row: rowIdx,\r
            column: 0\r
        });\r
    }\r
    \r
    function getCellImg(rowIdx) {\r
        var cell = getCell(rowIdx);\r
        return Ext.fly(cell).down('.x-grid-checkcolumn');\r
    }\r
    \r
    function hasCls(el, cls) {\r
        return Ext.fly(el).hasCls(cls);\r
    }\r
    \r
    beforeEach(function() {\r
        Ext.define('spec.CheckColumnModel', {\r
            extend: 'Ext.data.Model',\r
            fields: ['val']\r
        });\r
    });\r
    \r
    afterEach(function() {\r
        Ext.destroy(grid, store);\r
        col = grid = store = null;\r
        Ext.undefine('spec.CheckColumnModel');\r
        Ext.data.Model.schema.clear();\r
    });\r
    \r
    describe("check rendering", function() {\r
        \r
        it("should add the x-grid-checkcolumn class to the checkbox element", function() {\r
            makeGrid();\r
            \r
            expect(hasCls(getCellImg(0), 'x-grid-checkcolumn')).toBe(true);\r
        });\r
        \r
        it("should set the x-grid-checkcolumn-checked class on checked items", function() {\r
            makeGrid();\r
            \r
            expect(hasCls(getCellImg(0), 'x-grid-checkcolumn-checked')).toBe(true);\r
            expect(hasCls(getCellImg(2), 'x-grid-checkcolumn-checked')).toBe(false);\r
        });\r
    });\r
    \r
    describe("enable/disable", function() {\r
        describe("during config", function() {\r
            it("should not include the disabledCls if the column is not disabled", function() {\r
                makeGrid();\r
                expect(hasCls(getCell(0), col.disabledCls)).toBe(false);\r
            });\r
        \r
            it("should include the disabledCls if the column is disabled", function() {\r
                var cfg = getColCfg();\r
                cfg.disabled = true;\r
                makeGrid([cfg]);\r
                expect(hasCls(getCell(0), col.disabledCls)).toBe(true);\r
            });\r
        });\r
        \r
        describe("after render", function() {\r
            it("should add the disabledCls if disabling", function() {\r
                makeGrid();\r
                col.disable();\r
                expect(hasCls(getCell(0), col.disabledCls)).toBe(true);\r
                expect(hasCls(getCell(1), col.disabledCls)).toBe(true);\r
                expect(hasCls(getCell(2), col.disabledCls)).toBe(true);\r
                expect(hasCls(getCell(3), col.disabledCls)).toBe(true);\r
                expect(hasCls(getCell(4), col.disabledCls)).toBe(true);\r
            });\r
            \r
            it("should remove the disabledCls if enabling", function() {\r
                var cfg = getColCfg();\r
                cfg.disabled = true;\r
                makeGrid([cfg]);\r
                col.enable();\r
                expect(hasCls(getCell(0), col.disabledCls)).toBe(false);\r
                expect(hasCls(getCell(1), col.disabledCls)).toBe(false);\r
                expect(hasCls(getCell(2), col.disabledCls)).toBe(false);\r
                expect(hasCls(getCell(3), col.disabledCls)).toBe(false);\r
                expect(hasCls(getCell(4), col.disabledCls)).toBe(false);\r
            });\r
        });\r
    });\r
    \r
    describe("interaction", function() {\r
        describe("stopSelection", function() {\r
            describe("stopSelection: false", function() {\r
                it("should select when a full row update is required", function() {\r
                    var cfg = getColCfg();\r
                    cfg.stopSelection = false;\r
                    // Template column always required a full update\r
                    makeGrid([cfg, {\r
                        xtype: 'templatecolumn',\r
                        dataIndex: 'val',\r
                        tpl: '{val}'\r
                    }]);\r
                    triggerCellMouseEvent('click', 0);\r
                    expect(grid.getSelectionModel().isSelected(store.getAt(0))).toBe(true);\r
                });\r
\r
                it("should select when a full row update is not required", function() {\r
                    var cfg = getColCfg();\r
                    cfg.stopSelection = false;\r
                    // Template column always required a full update\r
                    makeGrid([cfg, {\r
                        dataIndex: 'val'\r
                    }]);\r
                    triggerCellMouseEvent('click', 0);\r
                    expect(grid.getSelectionModel().isSelected(store.getAt(0))).toBe(true);\r
                });\r
            });\r
\r
            describe("stopSelection: true", function() {\r
                it("should not select when a full row update is required", function() {\r
                    var cfg = getColCfg();\r
                    cfg.stopSelection = true;\r
                    // Template column always required a full update\r
                    makeGrid([cfg, {\r
                        xtype: 'templatecolumn',\r
                        dataIndex: 'val',\r
                        tpl: '{val}'\r
                    }]);\r
                    triggerCellMouseEvent('click', 0);\r
                    expect(grid.getSelectionModel().isSelected(store.getAt(0))).toBe(false);\r
                });\r
\r
                it("should not select when a full row update is not required", function() {\r
                    var cfg = getColCfg();\r
                    cfg.stopSelection = true;\r
                    // Template column always required a full update\r
                    makeGrid([cfg, {\r
                        dataIndex: 'val'\r
                    }]);\r
                    triggerCellMouseEvent('click', 0);\r
                    expect(grid.getSelectionModel().isSelected(store.getAt(0))).toBe(false);\r
                });\r
            });\r
        });\r
\r
        describe("events", function() {\r
            it("should pass the column, record index & new checked state for beforecheckchange", function() {\r
                var arg1, arg2, arg3;\r
                makeGrid();\r
                col.on('beforecheckchange', function(a, b, c) {\r
                    arg1 = a;\r
                    arg2 = b;\r
                    arg3 = c; \r
                });\r
                triggerCellMouseEvent('mousedown', 0);\r
                expect(arg1).toBe(col);\r
                expect(arg2).toBe(0);\r
                expect(arg3).toBe(false);\r
            });\r
            \r
            it("should pass the column, record index & new checked state for checkchange", function() {\r
                var arg1, arg2, arg3;\r
                makeGrid();\r
                col.on('checkchange', function(a, b, c) {\r
                    arg1 = a;\r
                    arg2 = b;\r
                    arg3 = c; \r
                });\r
                triggerCellMouseEvent('mousedown', 2);\r
                expect(arg1).toBe(col);\r
                expect(arg2).toBe(2);\r
                expect(arg3).toBe(true);\r
            });\r
            \r
            it("should not fire fire checkchange if beforecheckchange returns false", function() {\r
                var called = false;\r
                makeGrid();\r
                col.on('checkchange', function(a, b, c) {\r
                    called = true;\r
                });\r
                col.on('beforecheckchange', function() {\r
                    return false;\r
                });\r
                triggerCellMouseEvent('mousedown', 2);\r
                expect(called).toBe(false);\r
            });\r
        });\r
        \r
        it("should invert the record value", function() {\r
            makeGrid();\r
            triggerCellMouseEvent('mousedown', 0);\r
            expect(store.getAt(0).get('val')).toBe(false);\r
            triggerCellMouseEvent('mousedown', 2);\r
            expect(store.getAt(2).get('val')).toBe(true);\r
        });\r
        \r
        it("should not trigger any changes when disabled", function() {\r
            var cfg = getColCfg();\r
            cfg.disabled = true;\r
            makeGrid([cfg]);\r
            triggerCellMouseEvent('mousedown', 0);\r
            expect(store.getAt(0).get('val')).toBe(true);\r
            triggerCellMouseEvent('mousedown', 2);\r
            expect(store.getAt(2).get('val')).toBe(false);\r
        });\r
    });\r
});\r