# 9K WebDriver – 定位元素：第 2 部分（按`className`，`linkText`，`partialLinkText`）

> 原文： [https://javabeginnerstutorial.com/selenium/9k-webdriver-locating-elements-2/](https://javabeginnerstutorial.com/selenium/9k-webdriver-locating-elements-2/)

朋友！ 让我们今天更深入地研究一下定位元素的更多策略。 在这篇文章中，我们将重点放在

*   `className`
*   `LinkText`
*   `partialLinkText`

### 按类名称定位

类名称不过是用于设置 Web 元素样式的 CSS 类名称。 重要的是要注意页面上的许多 Web 元素可能具有相同的`className`。 在这种情况下，可以使用`findElements`方法，并且可以为结果建立索引。 请参考通过`tagName`策略定位（解释以及[先前文章](https://javabeginnerstutorial.com/selenium/9j-webdriver-locating-elements-1/)中提供的示例）。 如果我们有一个具有唯一`className`的元素，或者被测元素是该页面中使用该`className`的第一个元素，则`findElement`将执行此任务。

**语法**：`driver.findElement(By.className("element_class_name"))`*

**说明**：找到具有匹配 CSS 类名称的第一个元素。

**示例**：让我们找到 gmail 帐户创建页面的“手机”文本框。

右键单击文本框，然后选择检查元素以获取相应的 HTML 代码。 我们可以看到“`input`”标签包含`class ="i18n_phone_number_input-inner_input"`。 让我们继续使用此类名称查找“手机”文本框，以进行进一步的交互。

*代码：*

```java
driver.findElement(By.className("i18n_phone_number_input-inner_input"));
```

![Locating by ClassName](img/35fbb3061abb7c05aa82266e0c5f1ebf.png)

### 通过`linkText`定位

当您想与超链接进行交互时，`linkText`非常有用。 使用该链接在网页上显示的实际文本。 那有多容易？

**语法**：`driver.findElement(By.linkText("hyperlink_text");`

**说明**：找到具有匹配链接文本的第一个超链接。

**示例**：让我们找到在 gmail 帐户创建页面底部提供的超链接“了解更多信息”。

*代码：*

```java
driver.findElement(By.linkText("Learn more"));
```

![Locating by LinkText](img/1a2edf43e534f498a4f3275dd5f6e4f3.png)

### 通过`partialLinkText`定位

`PartialLinkText`也用于与超链接进行交互，与`linkText`定位策略非常相似。 此方法不提供部分完整链接，而是提供链接显示的完整文本。 因此，可以将链接文本的一部分作为匹配条件。

**语法**：`driver.findElement(By.partialLinkText("hyperlink_partial_text");`

**说明**：找到第一个超链接，其中**包含**指定的部分链接文本。

**示例**：让我们在 Gmail 帐户创建页面的“选择用户名”文本框下方找到超链接“我更喜欢使用我当前的电子邮件地址” - 文本：**我更喜欢**。

*代码：*

```java
driver.findElement(By.partialLinkText("I prefer to"));
```

![Locating by partialLinkText](img/6a482332c4ee93dfee4745bc0fa27f77.png)

## 概览

让我们看一个实现上述三种定位器类型的测试用例。

#### 场景

1.  打开 Firefox 浏览器。
2.  导航到 Google 帐户创建页面
3.  通过`className`找到手机文本框
4.  输入“`9496543210`”作为手机号码
5.  通过`linkText`找到“了解详情”超链接
6.  链接超链接
7.  找到“我更喜欢使用当前的电子邮件地址”超链接和`partialLinkText`
8.  将完整的链接文本打印到控制台进行验证

此方案的 JUnit 代码是，

```java
import java.util.concurrent.TimeUnit;
import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;

public class ElementLocatorTest2 {
		//Declaring variables
		private WebDriver driver; 
		private String baseUrl;

		@Before
		public void setUp() throws Exception{
			// Selenium version 3 beta releases require system property set up
			System.setProperty("webdriver.gecko.driver", "E:\\Softwares\\"
					+ "Selenium\\geckodriver-v0.10.0-win64\\geckodriver.exe");
			// Create a new instance for the class FirefoxDriver
			// that implements WebDriver interface
			driver = new FirefoxDriver();
			// Implicit wait for 5 seconds
			driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
			// Assign the URL to be invoked to a String variable
			baseUrl = "https://accounts.google.com/SignUp";
		}

		@Test
		public void testPageTitle() throws Exception{
			// Open baseUrl in Firefox browser window
			driver.get(baseUrl);
			// Locate Mobile phone text box by className and
			// assign it to a variable of type WebElement
			WebElement mobileNum = driver.findElement(By.className("i18n_phone_number_input-inner_input"));
			// Clear the default placeholder or any value present
			mobileNum.clear();
			// Enter/type the value to the text box
			mobileNum.sendKeys("9496543210");
			// Locate 'Learn more' hyperlink by link text
			WebElement link1 = driver.findElement(By.linkText("Learn more"));
			// Click on 'Learn more'
			link1.click();
			// Locate hyperlink by partial link text
			WebElement link2 = driver.findElement(By.partialLinkText("I prefer to"));
			// Printing the complete link text to console
			System.out.println("Complete link text: " + link2.getText());
		}

		 @After
		  public void tearDown() throws Exception{
			// Close the Firefox browser
			driver.close();
		}
}
```

*执行结果*

注释清楚地提供给每一行代码，因此很容易解释。

![Console output](img/ba6b69d34397c93cbfa5d3246cc4c6bb.png)

在 JUnit 窗格中，绿色条显示测试用例已成功执行。 输出将打印到控制台，以确认仅提供子文本“我更喜欢”作为 partialLinkText，即可访问“我更喜欢使用当前的电子邮件地址”超链接。

![Output](img/ec0d674929c66c5314ee6de72154ea7c.png)

该图像的左半部分显示输入的电话号码，右半部分显示在 Firefox 浏览器中执行的最终输出。 点击“了解详情”链接后，我们将重定向到相应的页面。

是时候再休息一次了。 在接下来的文章中，准备好消化更多的信息，因为我们将研究两种有效的元素定位技术。

享受这一天！