尝试在选项卡式面板选项卡部分获取class / id值

Question

出于测试自动化的目的，我需要在选项卡式窗格中的选项卡位（无论你怎么称它）上有一个class / id值。

我尝试了以下 AAA ， BBB ， CCC 和 DDD ，但这些都没有出现在DOM级别的类。

var panel1 = Ext.create('Ext.panel.Panel');
panel1.cls = 'AAA'
panel1.itemCls = 'BBBB'
var panel2 = Ext.create('Ext.panel.Panel');

Ext.create('Ext.tab.Panel', {
        cls:'CCC',
        itemCls:'DDD',
        renderTo: document.body,
        items: [panel1,panel2]
    }
);

我知道它的某种可能性。任何人都有想法??

http://jsfiddle.net/GQULg/9/

Answer 1

好的，只是想出来了。我需要在面板或容器内设置tabConfig对象，该对象位于选项卡式面板内。

var panel1 = Ext.create('Ext.panel.Panel');
panel1.tabConfig = {
    cls: 'myTab'
};

tabConfig对象包含将填充顶部选项卡的cls（类值）。

Answer 2

如果你打算使用selenium：其他人说selenium使用普通的JavaScript命令，最好也是使用来自selenium的Ext.getCmp（），Ext.ComponentQuery（）....

为什么呢？因为它不需要对您的生产代码进行任何特殊更改！