Ext.TabPanel and mouse clicks

Had issues when replaying clicks on a Ext.TabPanel’s tab. The Selenium IDE recorded the click event pretty well (actually, the second click was recorded – perhaps only when the tab was the active one (not investigated thourougly)), but the click action didn’t trigger the tab panel to swich panel. After some great deal of testing, the one Selenium action that does work is mouseDownAt.

Browsers tested: Internet Explorer 6, Internet Explorer 7, Safari 1.5 on Mac, Firefox 2, Firefox 3.

Ext.form.ComboBox dropdown trigger

The Ext.form.ComboBox is almost testing friendly. Not everyone can do what we did, but we could and it made testing sooo much easier (and human readable).

onRender: function(ct, position) {
  Ext.form.TriggerField.superclass.onRender.call(this, ct, position);
  this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
  this.trigger = this.wrap.createChild(this.triggerConfig ||
    {id: this.id + '_trigger', tag: "img", src: Ext.BLANK_IMAGE_URL,
    cls: "x-form-trigger " + this.triggerClass});
  // rest is as in original

And also

initList: function() {
  var cls = 'x-combo-list';
  this.tpl = '
{' + this.displayField + '}
'; js.ib.ui.CWComboBox.superclass.initList.call(this); },

An alternative is to use CSS selectors, as described by CableDawg on ExtJS’ forum.