如何使用 Selenium webdriver java for AngularJS UI 应用程序查找元素定位器

Question

如何使用Selenium webdriver java为AngularJs应用程序编写xpath

Answer 1

即使您的问题不完整，答案是：

您可以使用量角器 或者，您可以使用 xpath 表达式并确保有足够的显式等待来查找元素，因为角度会给您带来计时问题。

Answer 2

你可以只使用普通的硒来测试Angular应用程序。量角器只是使测试Angular应用程序变得更加容易。它是测试Angular应用程序的框架。

它具有自动等待元素的功能，您可以访问特定的 角度元素by.model和by.binding.此外，它还在框架中实现了页面对象，如果使用得当，测试更易于维护。

但是，如果您已经有一个基于硒的e2e测试框架 - 您也可以将其用于AngularJS网络应用程序。您还可以编写必要的JavaScript脚本，一旦使用Web驱动程序运行，就可以完成量角器所做的所有操作 - 但您必须自己做。

Answer 3

如果我正确理解了你的问题，你想writexpathfor webdriver to work withAngularJS UI applicatons。

以下是Google Chrome和Firefox Quantum的完整过程：

示例用法 ：

现在，让我们假设我们必须确定Search BoxGoogle Home Page的xpath。

1. 打开Mozilla Firefox Quantum浏览器或Google Chrome浏览器，然后浏览到 urlhttps://www.google.co.in
2. 按F12打开Development Tools
3. 在"Development Tools"部分的"Inspector"选项卡上，使用Inspector标识Search BoxWebElement。
4. 复制xpath(绝对)并将其粘贴到文本板中。
5. 构造一个逻辑上唯一的xpath。

6. 在DevTools部分中，在Console选项卡上JS子菜单中，以以下格式粘贴您构建的逻辑唯一xpath并点击Enter/Return：

   $x("logical_unique_xpath_of_search_box")
   

7. 示例：要查找Google Home Page上的Search框，请尝试：

   $x("//*[@name='q']")
   

8. xpath确定的WebElement将被反映。

9. 示例：以下内容将返回控制台：

   Array [ input#lst-ib.gsfi ]