test/unit/widgets/layout/FormLayout.js

   1 /*!
   2  * Ext JS Library 3.3.1
   3  * Copyright(c) 2006-2010 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7 /**
   8  * Tests Ext.data.Store functionality
   9  * @author Ed Spencer
  10  */
  11 (function() {
  12     var suite  = Ext.test.session.getSuite('Ext.layout.FormLayout'),
  13         assert = Y.Assert;
  14
  15     function buildLayout(config) {
  16         var layout = new Ext.layout.FormLayout(config || {});
  17
  18         //give a mock container
  19         layout.container = {
  20             itemCls: 'ctCls'
  21         };
  22
  23         return layout;
  24     };
  25
  26     suite.add(new Y.Test.Case({
  27         name: 'getTemplateArgs',
  28
  29         setUp: function() {
  30             this.layout = buildLayout({
  31                 labelStyle  : 'color: red;',
  32                 elementStyle: 'padding-left:0;'
  33             });
  34
  35             //mock fields
  36             this.field1 = {
  37                 id        : 'myField',
  38                 itemCls   : 'myCls',
  39                 clearCls  : 'myClearCls',
  40                 fieldLabel: 'A Label',
  41                 labelStyle: 'border-top: 10px;'
  42             };
  43
  44             this.field2 = {
  45                 id            : 'myField2',
  46                 fieldLabel    : 'My Label',
  47                 labelSeparator: '@'
  48             };
  49
  50             this.field3 = Ext.apply({}, {
  51                 fieldLabel: 'Third label',
  52                 hideLabel : true
  53             }, this.field2);
  54
  55             this.args1 = this.layout.getTemplateArgs(this.field1);
  56             this.args2 = this.layout.getTemplateArgs(this.field2);
  57             this.args3 = this.layout.getTemplateArgs(this.field3);
  58         },
  59
  60         testId: function() {
  61             assert.areEqual('myField',  this.args1.id);
  62             assert.areEqual('myField2', this.args2.id);
  63         },
  64
  65         testLabel: function() {
  66             assert.areEqual('A Label',     this.args1.label);
  67             assert.areEqual('My Label',    this.args2.label);
  68             assert.areEqual('Third label', this.args3.label);
  69         },
  70
  71         //adds field's label style to layout's general label style
  72         testLabelStyle: function() {
  73             assert.areEqual('color: red;border-top: 10px;', this.args1.labelStyle);
  74         },
  75
  76         testElementStyle: function() {
  77             assert.areEqual('padding-left:0;', this.args1.elementStyle);
  78         },
  79
  80         testLabelSeparator: function() {
  81             assert.areEqual(':', this.args1.labelSeparator);
  82             assert.areEqual('@', this.args2.labelSeparator);
  83             assert.areEqual('',  this.args3.labelSeparator);
  84         },
  85
  86         testItemCls: function() {
  87             assert.areEqual('myCls', this.args1.itemCls);
  88             assert.areEqual('ctCls', this.args2.itemCls);
  89             assert.areEqual('ctCls x-hide-label', this.args3.itemCls);
  90         },
  91
  92         testClearCls: function() {
  93             assert.areEqual('myClearCls',        this.args1.clearCls);
  94             assert.areEqual('x-form-clear-left', this.args2.clearCls);
  95         }
  96     }));
  97 })();