栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用动态ID查找ExtJS元素

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用动态ID查找ExtJS元素

我已经多次回答类似的问题,您可能想看看。

ExtJS页面很难测试,尤其是在查找元素时。

以下是一些我认为有用的提示:

  • 永远不要使用动态生成的ID。喜欢
    (:id, 'button-1122-btnEl')
  • 永远不要使用绝对/无意义的XPath,例如

    //div[4]/div[3]/div[4]/div/div/div/em/button

  • 利用有意义的自动生成的部分ID和类名。(因此,在我的建议中,您需要在示例中显示更多HTML。)

例如,该ExtJS的电网例如:

(:css, '.x-grid-view .x-grid-table')
将方便。如果有多个网格,请尝试为它们建立索引或找到可识别的祖先,例如
(:css,'#something-meaningful.x-grid-view .x-grid-table')

  • 利用按钮的文本。

例如,这个
ExtJS示例:您可以使用XPath

.//span[contains(@class, 'x-btn-inner') andtext()='Send']
。但是,此方法不适用于CSS选择器或多语言应用程序。

  • 最好的测试方法是在源代码中创建有意义的类名。如果您无权访问源代码,请与您的经理联系,针对ExtJS应用程序使用Selenium应该确实是开发人员的工作。ExtJS提供
    cls
    并提供
    tdCls
    了自定义类名,因此您可以添加
    cls:'testing-btn-foo'
    源代码,而Selenium可以通过获取它
    (:css, '.x-panel .testing-btn-foo')

注意: sircapsalot的答案不适用于ExtJS,因为大多数按钮都具有CSS Selector

em[id^='button-'][id$='-btnWrap']
,(但不能怪他,因为这是ExtJS特有的,有些人可能并不熟悉)。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/436050.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号