add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / form / Label.js

describe("Ext.form.Label", function() {\r
    var component;\r
\r
    function makeComponent(config) {\r
        component = new Ext.form.Label(Ext.apply({\r
            name: 'test'\r
        }, config));\r
    }\r
\r
    afterEach(function() {\r
        if (component) {\r
            Ext.destroy(component);\r
        }\r
        component = null;\r
    });\r
    \r
    it("should have a label as the element", function(){\r
        makeComponent({\r
            renderTo: Ext.getBody()\r
        });\r
        \r
        expect(component.el.dom.tagName.toUpperCase()).toEqual("LABEL");\r
    });\r
    \r
    it("should use the forId attribute", function(){\r
        makeComponent({\r
            renderTo: Ext.getBody(),\r
            forId: "foo"\r
        });\r
        \r
        expect(component.el.dom.htmlFor).toEqual("foo");\r
    });\r
    \r
    it("should encode the text attribute", function(){\r
        makeComponent({\r
            text: "<div>foo</div>",\r
            renderTo: Ext.getBody()\r
        });\r
        \r
        expect(component.el.dom).hasHTML("&lt;div&gt;foo&lt;/div&gt;");\r
    });\r
    \r
    it("should not encode the html attribute", function(){\r
        makeComponent({\r
            html: "<span>foo</span>",\r
            renderTo: Ext.getBody()\r
        });\r
        expect(component.el.dom).hasHTML("<span>foo</span>");\r
    });\r
    \r
    it("should support setText when not rendered", function(){\r
        makeComponent();\r
        component.setText("foo");\r
        component.render(Ext.getBody());\r
        expect(component.el.dom).hasHTML("foo");\r
        component.destroy();\r
        \r
        makeComponent({\r
            text: "foo"\r
        });\r
        component.setText("bar");\r
        component.render(Ext.getBody());\r
        expect(component.el.dom).hasHTML("bar");\r
    });\r
    \r
    it("should enforce the encode attribute", function(){\r
        makeComponent();\r
        component.setText("<b>bar</b>", false);\r
        component.render(Ext.getBody());\r
        expect(component.el.dom).hasHTML("<b>bar</b>");\r
        \r
        component.setText("<span>foo</span>");\r
        expect(component.el.dom).hasHTML("&lt;span&gt;foo&lt;/span&gt;");\r
        \r
        component.setText("<span>bar</span>", false);\r
        expect(component.el.dom).hasHTML("<span>bar</span>");\r
    });\r
    \r
    it("should update the layout when text is set after render", function(){\r
        makeComponent({\r
            renderTo: document.body\r
        });    \r
        var width = component.getWidth();\r
        component.setText('New text');\r
        expect(component.getWidth()).toBeGreaterThan(width);\r
    });\r
});\r