add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / picker / Color.js

describe("Ext.picker.Color", function() {\r
    var colorPicker,\r
        createPicker = function(config) {\r
            colorPicker = new Ext.picker.Color(Ext.apply({\r
                renderTo: Ext.getBody()\r
            }, config));\r
        };\r
\r
    beforeEach(function() {\r
        this.addMatchers({\r
            toHaveSelected: function(color) {\r
                var el = this.actual.el.down('a.color-' + color, true);\r
                return Ext.fly(el).hasCls(colorPicker.selectedCls);\r
            }\r
        });\r
    });\r
    \r
    afterEach(function() {\r
        if (colorPicker) {\r
            colorPicker.destroy();\r
            colorPicker = null;\r
        }\r
    });\r
    \r
    describe("initialisation", function() {\r
        beforeEach(function() {\r
            createPicker({\r
                value: "003300"\r
            });\r
        });\r
\r
        it("should select the element corresponding to the initial value", function() {\r
            expect(colorPicker).toHaveSelected("003300");\r
        });\r
        \r
        it("should set the value", function() {\r
            expect(colorPicker.value).toBe("003300");\r
        });\r
    });\r
\r
    describe("mouse click", function() {\r
        beforeEach(function() {\r
            var a, xy;\r
            createPicker();\r
            a = colorPicker.el.down('a.color-339966', true);\r
            xy = Ext.fly(a).getAnchorXY('c');\r
\r
            jasmine.fireMouseEvent(a, "click", xy[0], xy[1]);\r
        });\r
\r
        it("should select the element corresponding to the initial value", function() {\r
            expect(colorPicker).toHaveSelected("339966");\r
        });\r
\r
        it("should set the value", function() {\r
            expect(colorPicker.value).toBe("339966");\r
        });\r
    });\r
\r
\r
    describe("select", function() {\r
        describe("when picker is rendered", function() {\r
            beforeEach(function() {\r
                createPicker();\r
            });\r
            \r
            it("should handle color with #", function() {\r
                colorPicker.select("#339966");\r
\r
                expect(colorPicker).toHaveSelected("339966");\r
                expect(colorPicker.value).toBe("339966");\r
            });\r
            \r
            it("should handle color without #", function() {\r
                colorPicker.select("339966");\r
\r
                expect(colorPicker).toHaveSelected("339966");\r
                expect(colorPicker.value).toBe("339966");\r
            });\r
\r
            it("should be able to supress event", function() {\r
                spyOn(colorPicker, "fireEvent");\r
                colorPicker.select("#339966", true);\r
                \r
                expect(colorPicker.fireEvent).not.toHaveBeenCalled();\r
            });\r
        });\r
\r
        describe("when picker isn't rendered", function() {\r
            beforeEach(function() {\r
                createPicker({\r
                    renderTo: undefined\r
                });\r
            });\r
            \r
            it("should handle color with #", function() {\r
                colorPicker.select("#339966");\r
\r
                expect(colorPicker.value).toBe("339966");\r
            });\r
            \r
            it("should handle color without #", function() {\r
                colorPicker.select("339966");\r
                \r
                expect(colorPicker.value).toBe("339966");\r
            });\r
\r
            it("should be able to supress event", function() {\r
                spyOn(colorPicker, "fireEvent");\r
                colorPicker.select("#339966", true);\r
                \r
                expect(colorPicker.fireEvent).not.toHaveBeenCalled();\r
            });\r
        });\r
    });\r
    \r
        describe("getValue", function() {\r
            beforeEach(function() {\r
                createPicker();\r
            });\r
            \r
            it("should return the value if a value was selected", function() {\r
                colorPicker.select("339966");\r
\r
                expect(colorPicker.getValue()).toBe("339966");\r
            });\r
\r
            it("should return null if no value was selected", function() {\r
                expect(colorPicker.getValue()).toBeNull();\r
            });\r
        });\r
\r
});