add extjs 6.0.1 sources

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

describe("Ext.picker.Month", function() {\r
    var component, makeComponent;\r
    \r
    function getByElementsByClassName(dom, className) {\r
        var elements, length, result, i, el, testRe;\r
        if (document.getElementsByClassName) {\r
            return dom.getElementsByClassName(className);\r
        }\r
        testRe = new RegExp("(^|\\s)" + className + "(\\s|$)");\r
        elements = dom.getElementsByTagName("*");\r
        length = elements.length;\r
        result = [];\r
        for (i = 0; i < length; i++) {\r
            el = elements[i];\r
            if (testRe.test(el.className)) {\r
                result.push(el);\r
            }\r
        }\r
        return result;\r
    }\r
    \r
    beforeEach(function() {\r
        makeComponent = function(config) {\r
            config = config || {};\r
            config = Ext.applyIf({\r
                renderTo: Ext.getBody()\r
            }, config);\r
            component = new Ext.picker.Month(config);\r
        };\r
    });\r
    \r
    afterEach(function() {\r
        if (component) {\r
            component.destroy();\r
        }\r
        component = makeComponent = null;\r
    });\r
\r
    describe("initial value", function(){\r
        \r
        it("should not default any value", function(){\r
            makeComponent();\r
            expect(component.getValue()).toEqual([null, null]);    \r
        });\r
        \r
        it("should accept a date as the value config", function(){\r
            makeComponent({\r
                value: new Date(2009, 3, 3)\r
            });\r
            \r
            expect(component.getValue()).toEqual([3, 2009]);\r
        });\r
        \r
        it("should accept an array as the value", function(){\r
            makeComponent({\r
                value: [4, 1984]\r
            });    \r
            \r
            expect(component.getValue()).toEqual([4, 1984]);\r
        });\r
        \r
    });\r
    \r
    describe("setting value", function(){\r
        \r
        it("should accept a date when setting a value", function(){\r
            makeComponent();\r
            component.setValue(new Date(2004, 1, 12));\r
            expect(component.getValue()).toEqual([1, 2004]);\r
        });\r
        \r
        it("should accept an array when setting a value", function(){\r
            makeComponent();\r
            component.setValue([9, 2001]);\r
            expect(component.getValue()).toEqual([9, 2001]);\r
        });\r
        \r
        it("should be able to null out certain values", function(){\r
            makeComponent({\r
                value: [3, 2010]\r
            });    \r
            component.setValue([null, 2010]);\r
            expect(component.getValue()).toEqual([null, 2010]);\r
        });\r
    });\r
    \r
    describe("rendering", function(){\r
        it("should respect the padding config", function() {\r
            makeComponent({\r
                padding: 10\r
            });\r
            expect(component.getWidth()).toBe(197);\r
        });\r
\r
        it("should not show buttons if showButtons is false", function(){\r
            makeComponent({\r
                showButtons: false\r
            });    \r
            \r
            expect(getByElementsByClassName(component.el.dom, 'x-monthpicker-buttons').length).toEqual(0);\r
        }); \r
        \r
        describe("year range", function(){\r
            var getYears, getYearText;\r
            beforeEach(function(){\r
                getYears = function(){\r
                    return getByElementsByClassName(component.el.dom, 'x-monthpicker-year');\r
                };\r
                \r
                getYearText = function(years, index){\r
                    return years[index].firstChild.innerHTML;    \r
                };\r
            });\r
            \r
            afterEach(function(){\r
                getYears = null;\r
            });\r
            \r
            it("should use the current year if none is provided", function(){\r
                makeComponent();\r
                \r
                var years = getYears(),\r
                    year = (new Date()).getFullYear();\r
                expect(getYearText(years, 0)).toEqual((year - 4).toString());\r
                expect(getYearText(years, years.length - 1)).toEqual((year + 5).toString());        \r
            }); \r
            \r
            it("should use the value year as the active year if passed", function(){\r
                makeComponent({\r
                    value: [0, 1970]\r
                });    \r
                \r
                var years = getYears();\r
                expect(getYearText(years, 0)).toEqual('1966');\r
                expect(getYearText(years, years.length - 1, 0)).toEqual('1975');\r
            });\r
            \r
            it("should change the year range if a new value is set", function(){\r
                makeComponent();\r
                component.setValue([0, 1980]);\r
                \r
                var years = getYears();\r
                expect(getYearText(years, 0)).toEqual('1976');\r
                expect(getYearText(years, years.length - 1, 0)).toEqual('1985');\r
            });\r
            \r
            it("it should not change the range if the value is within the current range", function(){\r
                makeComponent();\r
                var year = new Date().getFullYear();\r
                component.setValue([0, year + 1]);\r
                var years = getYears();\r
                expect(getYearText(years, 0)).toEqual((year - 4).toString());\r
                expect(getYearText(years, years.length - 1, 0)).toEqual((year + 5).toString());\r
            });\r
        });\r
    });\r
    \r
    describe("selection", function(){\r
        \r
        var getSelection;\r
        \r
        beforeEach(function(){\r
            getSelection = function(isMonth){\r
                var items = getByElementsByClassName(component.el.dom, 'x-monthpicker-' + (isMonth ? 'month' : 'year')),\r
                    len = items.length,\r
                    i = 0,\r
                    item;\r
                    \r
                for(; i < len; ++i) {\r
                    item = items[i];\r
                    if (item.firstChild.className.indexOf('x-monthpicker-selected') > -1) {\r
                        return item.firstChild;\r
                    }\r
                }\r
                return null;\r
            };\r
        });\r
        \r
        afterEach(function(){\r
            getSelection = null;\r
        });\r
        \r
        it("should have no selections if no value is specified", function(){\r
            makeComponent();\r
            expect(getSelection()).toBeNull();\r
            expect(getSelection(true)).toBeNull();\r
        });\r
        \r
        it("should only have a month selection for a month-only value", function(){\r
            makeComponent({\r
                value: [3, null]\r
            });\r
            expect(getSelection()).toBeNull();\r
            expect(getSelection(true)).hasHTML('Apr');\r
        });\r
        \r
        it("should only have a year selection for a year-only value", function(){\r
            makeComponent({\r
                value: [null, 2000]\r
            });\r
            expect(getSelection()).hasHTML('2000');\r
            expect(getSelection(true)).toBeNull();\r
        });\r
        \r
        it("should select have selections when both items are selected", function(){\r
            makeComponent({\r
                value: [0, 2004]\r
            });\r
            expect(getSelection()).hasHTML('2004');\r
            expect(getSelection(true)).hasHTML('Jan');\r
        });\r
        \r
        it("should remove any selection if it's not valid for the range", function(){\r
            var d = new Date();\r
            makeComponent({\r
                value: d\r
            });    \r
            expect(getSelection()).hasHTML(d.getFullYear().toString());\r
            component.adjustYear(-10);\r
            expect(getSelection()).toBeNull();\r
        });\r
    });\r
});\r