angular - 识别基于 Angular 的 WebDriver 网站上的元素

Question

有一个基于 Angular 的网站，它不使用元素的唯一名称/ID。元素的 XPATH 并不是永久存在于页面上的，因此每次网站修改后都必须更改基于 WebDriver 的测试。如何在不使用 XPATH 的情况下管理此页面上的元素？

Answer 1

首先，关注Page Object pattern至少将定位器定义在一处 - 页面对象内部。这将有助于解决不断变化的用户界面。

其他需要考虑的事情:

• 避免 using XPaths altogether ，为什么:

• It's the slowest and most brittle locator strategy of all

• Markup is very easily subject to change and therefore xpath locators require a lot of maintenance

• xpath expressions are unreadable and very hard to debug

• 不要依赖页面结构或元素之间的相对位置
• 避免重复定位器或定位器的一部分 - 重复的次数越多，设计/UI 更改时需要更改的就越多
• 请记住，像 div 或 span 这样的元素只是容器 - 在定位器中使用它们很少是合理的
• 使您的定位器具有可读性并基于数据，而不是设计或布局。例如，不要使用 Bootstrap 面向布局的类，例如 col-md-4 或 col-xs-6
• 遵循这些文章中建议的一些常见最佳实践:
  • Writing reliable locators for Selenium and WebDriver tests
  • Using Locators