Upgrade to ExtJS 3.2.0 - Released 03/30/2010

[extjs.git] / test / performance / window.js

diff --git a/test/performance/window.js b/test/performance/window.js
new file mode 100644 (file)
index 0000000..08ffd94
--- /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);
+}