add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / test / specs / layout / container / Form.js

describe('Ext.layout.container.Form', function() {\r
\r
    // TODO: form layout specs\r
    xdescribe('child items manipulation', function() {\r
\r
        it('should convert child items tables to tbody nodes', function() {\r
            var panel = Ext.create('Ext.form.Panel', {\r
                    layout: 'form',\r
                    renderTo: Ext.getBody(),\r
                    items: [{\r
                        id: 'textfield0',\r
                        xtype: 'textfield'\r
                    }, {\r
                        id: 'textfield1',\r
                        xtype: 'textfield'\r
                    }]\r
                }),\r
                table = panel.el.down('table').dom;\r
\r
            // both original and dynamically added children\r
            panel.add({\r
                id: 'textfield2',\r
                xtype: 'textfield'\r
            });\r
\r
            expect(table.childNodes.length).toBe(3);\r
            expect(table.childNodes[0].tagName).toBe('TBODY');\r
            expect(table.childNodes[0]).toBe(Ext.getCmp('textfield0').el.dom);\r
            expect(table.childNodes[1].tagName).toBe('TBODY');\r
            expect(table.childNodes[1]).toBe(Ext.getCmp('textfield1').el.dom);\r
            expect(table.childNodes[2].tagName).toBe('TBODY');\r
            expect(table.childNodes[2]).toBe(Ext.getCmp('textfield2').el.dom);\r
\r
            panel.destroy();\r
        });\r
\r
    });\r
\r
    it("should shrinkwrap auto-width items", function() {\r
        var panel = Ext.widget({\r
            xtype: 'panel',\r
            renderTo: document.body,\r
            shrinkWrap: true,\r
            layout: {\r
                type: 'form',\r
                labelWidth: 100\r
            },\r
            items: [{\r
                fieldLabel: 'Label',\r
                xtype: 'textfield'\r
            }]\r
        });\r
\r
        expect(panel.getWidth()).toBe(267);\r
        panel.destroy();\r
    });\r
\r
});