Extjs 需要在选项卡式面板选项卡上添加类值

我需要向选项卡式面板中的实际选项卡添加类（cls）值（用于测试自动化目的）

我认为这会解决这个问题：

component1.title = "1";
component2.title = "2";
component3.title = "3";

component1.cls = "1";
component2.cls = "2";
component3.cls = "3";

var v = Ext.create('Ext.tab.Panel',{
    items: [
        component1,
        component2,
        component3,
    ]
});

但是component.cls=“1”只是将类值添加到选项卡式面板主体元素，而不是上面的实际选项卡

编辑：更正下面的答案。为了将答案应用于我的问题，我将tabConfig添加到我的组件中，如下所示：

component1.title = "1";
component1.cls = "1";
component1.tabConfig = {
    cls: 'foo'
}

Ext.create('Ext.tab.Panel',{
    items: [
        component1
    ]
});

使用：

文件：

new Ext.tab.Panel({
    items: [{
        title: 'Foo',
        tabConfig: {
            cls: 'foo'
        }
    }]
});