add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / fx / Anim.js

describe("Ext.fx.Anim", function() {\r
    var anim, target, animEndSpy;\r
\r
    beforeEach(function() {\r
        target = Ext.getBody().createChild({cls: 'fxtarget'});\r
        spyOn(Ext.fx.Anim.prototype, "end").andCallThrough();\r
    });\r
    \r
    afterEach(function() {\r
        target.destroy();\r
    });\r
    \r
    describe("instantiation", function(){\r
        beforeEach(function() {\r
            spyOn(Ext.fx.Manager, "addAnim"); //avoid animation start\r
            anim = new Ext.fx.Anim({\r
                target: target\r
            });\r
        });\r
\r
        it("should mix in Ext.util.Observable", function(){\r
            expect(anim.mixins.observable).toEqual(Ext.util.Observable.prototype);\r
        });\r
\r
        it("should have a default duration configuration option equal to 250", function() {\r
            expect(anim.duration).toEqual(250);\r
        });\r
\r
        it("should have a default delay configuration option equal to 0", function(){\r
            expect(anim.delay).toEqual(0);\r
        });\r
\r
        it("should have a default easing configuration option equal to ease", function(){\r
            expect(anim.easing).toEqual('ease');\r
        });\r
\r
        it("should have a default reverse configuration option equal to false", function(){\r
            expect(anim.reverse).toBe(false);\r
        });\r
\r
        it("should have a default running configuration option equal to false", function(){\r
            expect(anim.running).toBe(false);\r
        });\r
\r
        it("should have a default paused configuration option equal to false", function(){\r
            expect(anim.paused).toBe(false);\r
        });\r
\r
        it("should have a default iterations configuration option equal to 1", function(){\r
            expect(anim.iterations).toEqual(1);\r
        });\r
\r
        it("should have a default currentIteration configuration option equal to 0", function(){\r
            expect(anim.currentIteration).toEqual(0);\r
        });\r
\r
        it("should have a default startTime configuration option equal to 0", function(){\r
            expect(anim.startTime).toEqual(0);\r
        });\r
    });\r
\r
    describe("events", function(){\r
        beforeEach(function(){\r
            spyOn(Ext.fx.Anim.prototype, "fireEvent").andCallThrough();\r
\r
            anim = new Ext.fx.Anim({\r
                target: target,\r
                duration: 1,\r
                from: {\r
                    opacity: 0\r
                },\r
                to: {\r
                    opacity: 1\r
                }\r
            });\r
        });\r
\r
        it("should fire beforeanimate and afteranimate", function(){\r
            waitsFor(function() {\r
                return Ext.fx.Anim.prototype.end.calls.length === 1;\r
            }, "event firing was never completed");\r
\r
            runs(function(){\r
                expect(Ext.fx.Anim.prototype.fireEvent).toHaveBeenCalledWith("beforeanimate", anim);\r
                expect(Ext.fx.Anim.prototype.fireEvent.calls[1].args[0]).toEqual("afteranimate");\r
                expect(Ext.fx.Anim.prototype.fireEvent.calls[1].args[1]).toEqual(anim);\r
            });\r
        });\r
    });\r
\r
    describe("opacity", function(){\r
        beforeEach(function(){\r
            anim = new Ext.fx.Anim({\r
                target: target,\r
                duration: 1,\r
                from: {\r
                    opacity: 0\r
                },\r
                to: {\r
                    opacity: 1\r
                }\r
            });\r
\r
            waitsFor(function() {\r
                return Ext.fx.Anim.prototype.end.calls.length === 1;\r
            }, "event firing was never completed");\r
        });\r
\r
        it("should change opacity", function(){\r
            if(Ext.isIE || Ext.isOpera){\r
                expect(target.dom.style.filter).toEqual("");\r
            } else {\r
                expect(target.dom.style.opacity).toEqual("1");\r
            }\r
        });\r
    });\r
\r
    describe("color", function(){\r
        describe("hexadecimal colors", function(){\r
            beforeEach(function(){\r
                anim = new Ext.fx.Anim({\r
                    target: target,\r
                    duration: 1,\r
                    from: {\r
                        color: "#000000"\r
                    },\r
                    to: {\r
                        color: "#f1c101"\r
                    }\r
                });\r
\r
                waitsFor(function() {\r
                    return Ext.fx.Anim.prototype.end.calls.length === 1;\r
                }, "event firing was never completed");\r
            });\r
\r
            it("should change color", function(){\r
                // IE8 there aren't spaces after the commas, for other browsers there are\r
                var color = target.dom.style.color.replace(/ /g, '');\r
\r
                if (color.charAt(0) === '#') {\r
                    // Old Opera (not sure which versions exactly but pre-11.51)\r
                    expect(color).toEqual("#f1c101");\r
                }\r
                else {\r
                    expect(color).toEqual("rgb(241,193,1)");\r
                }\r
            });\r
        });\r
\r
       xdescribe("shorthand hexadecimal colors", function(){\r
            beforeEach(function(){\r
                anim = new Ext.fx.Anim({\r
                    target: target,\r
                    duration: 1,\r
                    from: {\r
                        color: "#000000"\r
                    },\r
                    to: {\r
                        color: "#fc0"\r
                    }\r
                });\r
            });\r
\r
            it("should change color", function(){\r
                waitsFor(function(){\r
                    var style = target.dom.style;\r
                    return style.color === 'rgb(255, 204, 0)';\r
                }, "color wasn't changed");\r
            });\r
        });\r
\r
    });\r
});\r