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.
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 = '<tpl for="."><div class="' + cls + '-item" id="' + this.id + '_{' + this.valueField + '}">{' + this.displayField + '}</div></tpl>'; js.ib.ui.CWComboBox.superclass.initList.call(this); }, |
An alternative is to use CSS selectors, as described by CableDawg on ExtJS’ forum.