X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..6a7e4474cba9d8be4b2ec445e10f1691f7277c50:/test/performance/window.js diff --git a/test/performance/window.js b/test/performance/window.js new file mode 100644 index 00000000..08ffd942 --- /dev/null +++ b/test/performance/window.js @@ -0,0 +1,494 @@ +/*! + * Ext JS Library 3.2.0 + * Copyright(c) 2006-2010 Ext JS, Inc. + * licensing@extjs.com + * http://www.extjs.com/license + */ +/** + * Creates a window with 40 tabs, profiles initial rendering speed and resize rendering speed + */ + +function addWindowPerformanceTest() { + Ext.test.profiler.add({ + name : 'AnchorLayout', + skipVersions: ['2.2.0', '3.1.0'], + iterations: 1000, + newWindow : true, + + beforeAll : function() { + this.previousBuffer = Ext.Container.bufferResize; + Ext.Container.bufferResize = false; + }, + + afterAll : function() { + Ext.Container.bufferResize = this.previousBuffer; + }, + + execute : function() { + + + this.win = new Ext.Viewport({ + layout: 'fit', + items: [{ + xtype: 'container', + layout: 'form', + items: [{ + xtype: 'textfield', + width: 100 + }, { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + anchor: '100%' + }, + { + xtype: 'textfield', + width: 100 + }] + }] + }); + + }, + + afterEach: function() { + this.win.destroy(); + } + }); +/* + Ext.test.profiler.add({ + name : 'ColumnLayout', + skipVersions: ['2.2.0'], + iterations: 50, + newWindow : true, + + beforeAll : function() { + this.previousBuffer = Ext.Container.bufferResize; + Ext.Container.bufferResize = false; + }, + + afterAll : function() { + Ext.Container.bufferResize = this.previousBuffer; + }, + + execute : function() { + + this.win = new Ext.Viewport({ + layout: 'fit', + items: [{ + xtype: 'container', + layout: 'column', + defaults: { + height: 30 + }, + items: [{ + xtype: 'container', + width: 100 + }, { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + columnWidth: .05 + }, + { + xtype: 'container', + width: 100 + }] + }] + }); + + }, + + afterEach: function() { + this.win.destroy(); + } + }); + + Ext.test.profiler.add({ + name : 'HBoxLayout', + skipVersions: ['2.2.0'], + iterations: 50, + newWindow : true, + + beforeAll : function() { + this.previousBuffer = Ext.Container.bufferResize; + Ext.Container.bufferResize = false; + }, + + afterAll : function() { + Ext.Container.bufferResize = this.previousBuffer; + }, + + execute : function() { + + this.win = new Ext.Viewport({ + layout: 'fit', + items: [{ + xtype: 'container', + layout: 'hbox', + layoutConfig: { + align: 'stretch' + }, + items: [{ + xtype: 'container', + width: 100 + }, { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + flex: 1 + }, + { + xtype: 'container', + flex: 2 + }, + { + xtype: 'container', + flex: 3 + }, + { + xtype: 'container', + width: 100 + }] + }] + }); + + } , + + afterEach: function() { + this.win.destroy(); + } + }); +*/ +}; + +if (typeof Ext != 'undefined' && typeof Ext.test != 'undefined') { + addWindowPerformanceTest(); +} else { + Ext.onReady(addWindowPerformanceTest); +}