add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / slider / Tip.js

describe("Ext.slider.Tip", function() {\r
    var slider, tip, thumb0, spaceEl,\r
        createSlider = function(config) {\r
            tip = new Ext.slider.Tip();\r
            \r
            spyOn(tip, "show").andCallThrough();\r
            spyOn(tip, "update").andCallThrough();\r
            \r
            // make enough room to display tip correctly\r
            spaceEl = Ext.getBody().createChild({});\r
            spaceEl.setHeight(100);\r
            slider = new Ext.slider.Single(Ext.apply({\r
                renderTo: Ext.getBody(),\r
                name: "test",\r
                width: 205,\r
                labelWidth: 0,\r
                minValue: 0,\r
                maxValue: 100,\r
                useTips: false,\r
                plugins: [tip],\r
                animate: false\r
            }, config));\r
\r
            thumb0 = slider.thumbs[0];\r
    };\r
\r
    afterEach(function() {\r
        if (slider) {\r
            slider.destroy();\r
        }\r
        spaceEl.destroy();\r
        slider = null;\r
    });\r
\r
    describe("when thumb is dragged", function() {\r
        var thumbXY, thumbSize, tipXY, tipSize;\r
        beforeEach(function() {\r
            createSlider();\r
            var xy = thumb0.el.getXY();\r
            jasmine.fireMouseEvent(thumb0.el, 'mousedown', xy[0], xy[1] + 5);\r
            jasmine.fireMouseEvent(thumb0.el, 'mousemove', xy[0] + 50, xy[1] + 5);\r
            \r
            waitsFor(function() {\r
                return tip.el;\r
            });\r
            \r
            runs(function() {\r
                tipXY = tip.el.getXY();\r
                tipSize = tip.el.getSize();\r
                thumbXY = thumb0.el.getXY();\r
                thumbSize = thumb0.el.getSize();\r
                jasmine.fireMouseEvent(thumb0.el, 'mouseup', xy[0] + 50, xy[1] + 5);\r
            });\r
        });\r
\r
        it("should show the tooltip", function() {\r
            expect(tip.show).toHaveBeenCalled();\r
        });\r
        \r
        it("should update the tooltip text", function() {\r
            expect(tip.update).toHaveBeenCalledWith(tip.getText(thumb0));\r
        });\r
\r
        it("should align the tip to t-b?", function() {\r
            expect(tipXY[0] < thumbXY[0]).toBe(true);\r
            expect(tipXY[0] + tipSize.width > thumbXY[0] + thumbSize.width).toBe(true);\r
            expect(tipXY[1] - tip.offsets[1] + tipSize.height).toBe(thumbXY[1]);\r
        });\r
            \r
    });\r
    \r
});