Javascript 测试extjs应用程序_Javascript_Jquery_Html_Extjs

Javascript 测试extjs应用程序

javascript jquery html extjs

Javascript 测试extjs应用程序,javascript,jquery,html,extjs,Javascript,Jquery,Html,Extjs,当网格中的组件或组件部件有预先设置的ID时，如何测试extjs应用程序我可以向每个组件添加ID，但如果我缺少一个或多个，并且应用程序又大又复杂，该怎么办 ExtJS/Siesta中是否有一个函数或某个模块，允许您在应用程序中定位组件/元素，而无需依赖每个组件的预定义ID。我看到了我与他们之间的问题其次，ExtJS提供了几种针对组件和元素的方法。不要把两者混为一谈对于组件： Ext.getCmp（id） .query（）加上各种find..方法对于元素：关于DO

当网格中的组件或组件部件有预先设置的ID时，如何测试extjs应用程序

我可以向每个组件添加ID，但如果我缺少一个或多个，并且应用程序又大又复杂，该怎么办

ExtJS/Siesta中是否有一个函数或某个模块，允许您在应用程序中定位组件/元素，而无需依赖每个组件的预定义ID。我看到了我与他们之间的问题

其次，ExtJS提供了几种针对组件和元素的方法。不要把两者混为一谈

对于组件：

Ext.getCmp（id）
.query（）

加上各种

find..

方法

对于元素：

关于DOM查询的更多信息首先是。我看到了我与他们之间的问题

其次，ExtJS提供了几种针对组件和元素的方法。不要把两者混为一谈

对于组件：

Ext.getCmp（id）
.query（）

加上各种

find..

方法

对于元素：

更多关于DOM查询的信息

在午睡时，您可以选择点击某个位置，等等：

Dom节点id（与Ext组件id相同）
任何组件查询
任何CSS查询
座标
真正的Ext组件JS实例
真实DOM节点实例
复合查询（组件查询和CSS查询的组合，'.x-grid=>.x-grid-cell'
一个函数，返回上述任何一项

更多信息请参见我的幻灯片：

午睡时，您可以选择点击某个地方，等等：

Dom节点id（与Ext组件id相同）
任何组件查询
任何CSS查询
座标
真正的Ext组件JS实例
真实DOM节点实例
复合查询（组件查询和CSS查询的组合，'.x-grid=>.x-grid-cell'
一个函数，返回上述任何一项

更多信息请参见我的幻灯片：

您可能想看看自动功能GUI测试工具

RIATest知道如何忽略由ExtJS动态生成的ID，但是如果您手动将ID分配给组件，工具将使用它们进行标识（参见下面示例中的#tree2）

RIATest中的测试以ExtJSUI小部件的形式运行

使用ExtJS小部件的RITest脚本示例：

单击标签为“下一页”的ExtJS按钮：

下面将行从一个ExtJS树拖放到另一个ExtJS树：

ExtRow("Controller.js")=>dragAndDropTo(
    ExtTreePanel("#tree2")->ExtRow("Custom Ext JS"));

这将折叠ExtJS框的标题：

ExtBox("Feeds")->ExtHeader("FeedsВ")->ExtCollapser()=>click();

（以上所有示例代码都来自于在ExtJS示例应用程序上运行的真实测试脚本）

（免责声明：我是RITAST团队成员）。

您可能需要查看自动功能GUI测试工具