定位策略-（通过标签名）

在本节中，您将学习如何使用特定 Web 元素的标签名来定位它。

让我们考虑一个测试案例，我们将自动化以下场景

• 调用 Firefox 浏览器
• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 单击文本框
• 输入值“C++ Tutorial”
• 单击“Submit”按钮

我们将逐步创建测试用例，以便您能够完全理解如何使用定位器来识别和定位特定的 Web 元素。

步骤1. 启动Eclipse IDE并打开已存在的测试套件“Demo_Test”，该测试套件是在本教程的早期会话中创建的。

步骤2. 右键单击“src”文件夹，然后从新建 > 类创建一个新的Class文件。



将您的类名命名为“Tag_Test”，然后单击“Finish”按钮。



步骤3. 让我们进入编码环节。

• 要调用 Firefox 浏览器，我们需要下载 Gecko 驱动程序并为 Gecko 驱动程序设置系统属性。 我们已经在本教程的早期课程中讨论过这一点。 您可以参考"在 Firefox 浏览器上运行测试"，了解如何下载和设置 Firefox 驱动程序的系统属性。

以下是为 Gecko 驱动程序设置系统属性的示例代码

// System Property for Gecko Driver System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" );
• 之后，我们必须使用 Desired Capabilities 类初始化 Gecko 驱动程序。

以下是使用 DesiredCapabilities 类初始化 gecko 驱动程序的示例代码。

// Initialize Gecko Driver using Desired Capabilities Class DesiredCapabilities capabilities = DesiredCapabilities.firefox(); capabilities.setCapability("marionette",true); WebDriver driver= new FirefoxDriver(capabilities);

结合以上两个代码块，我们将获得启动 Firefox 浏览器的代码段。

// System Property for Gecko Driver System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" ); // Initialize Gecko Driver using Desired Capabilities Class DesiredCapabilities capabilities = DesiredCapabilities.firefox(); capabilities.setCapability("marionette",true); WebDriver driver= new FirefoxDriver(capabilities);
• 之后，我们需要编写代码来自动化我们的第二个测试场景（导航到所需的 URL）

以下是导航到所需 URL 的示例代码

// Launch Website driver.navigate().to("https://www.testandquiz.com/selenium/testing.html");

到目前为止的完整代码将如下所示

import org.openqa.selenium.WebDriver; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.remote.DesiredCapabilities; public class Tag_Test { public static void main(String[] args) { // System Property for Gecko Driver System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" ); // Initialize Gecko Driver using Desired Capabilities Class DesiredCapabilities capabilities = DesiredCapabilities.firefox(); capabilities.setCapability("marionette",true); WebDriver driver= new FirefoxDriver(capabilities); // Launch Website driver.navigate().to("https://www.testandquiz.com/selenium/testing.html"); } }

Step4. 现在，我们将尝试通过使用其标签名来定位所需的 Web 元素。在 Selenium 中，定位特定的 Web 元素涉及检查其 HTML 代码。

请按照以下步骤在示例网页上找到文本框。

• 打开 URL：https://www.testandquiz.com/selenium/testing.html
• 右键单击文本框，然后选择“检查元素”

• 它将启动一个窗口，其中包含开发文本框所涉及的所有特定代码。

• 选择第一个标签的名称，即“input”。


使用标签名定位 Web 元素的 Java 语法编写如下

driver.findElement(By.tagName (<htmltagname>))

因此，为了定位示例网页上的文本框，我们将使用其第一个标签元素的名称

driver.findElement(By.tagName (<"input">))

同样，为了定位示例网页上的“Submit”按钮，我们将使用其第一个标签元素的名称

driver.findElement(By.tagName (<"button">))

Step5. 为了自动化我们的第三、第四和第五个测试场景，我们需要编写代码来单击文本框、在文本框中键入所需的值并单击“Submit”按钮。

这是单击文本框并键入值“C++ Tutorial”的示例代码。

// Click on the textbox and send value driver.findElement(By.tagName("input")).sendKeys("C++ Tutorial");

以下代码片段将单击“Submit”按钮

// Click on the Submit button using click() command driver.findElement(By.tagName("button")).click();

因此，我们最终的测试脚本将如下所示

import org.openqa.selenium.By; import org.openqa.selenium.WebDriver; import org.openqa.selenium.firefox.FirefoxDriver; import org.openqa.selenium.remote.DesiredCapabilities; public class Tag_Test { public static void main(String[] args) { // System Property for Gecko Driver System.setProperty("webdriver.gecko.driver","D:\\GeckoDriver\\geckodriver.exe" ); // Initialize Gecko Driver using Desired Capabilities Class DesiredCapabilities capabilities = DesiredCapabilities.firefox(); capabilities.setCapability("marionette",true); WebDriver driver= new FirefoxDriver(capabilities); // Click on the textbox and send value driver.findElement(By.tagName("input")).sendKeys("C++ Tutorial"); // Click on the Submit button using click() command driver.findElement(By.tagName("button")).click(); } }

以下屏幕截图显示了我们的测试脚本的 Eclipse 窗口。



Step6. 右键单击 Eclipse 代码并选择Run As > Java Application。



执行后，上述测试脚本将启动 Firefox 浏览器并自动执行所有测试场景。



下一个主题WebDriver 定位策略



← 上一个 下一个 →