93.md 4.3 KB
Newer Older
W
init  
wizardforcel 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
# 7k。 Selenium IDE –定位元素(按ID,名称,链接文本)

> 原文: [https://javabeginnerstutorial.com/selenium/7k-ide-locating-elements/](https://javabeginnerstutorial.com/selenium/7k-ide-locating-elements/)

大家好! 这篇文章是关于在网页上定位元素的(正如上一篇文章中所承诺的)。

如今,确定一个人的地理位置变得非常容易。 GPS使这成为可能。 同样,可以使用**定位符类型**来确定Selenium IDE必须对其进行操作的确切Web元素(例如,文本框,复选框,按钮,链接,下拉列表等)。

如果您注意到由Selenium IDE生成的自动测试脚本,则可以看出大多数命令都需要Target。 该目标标识正在测试的Web元素,其格式为 ***LocatorType = Location*** 。 LocatorType在大多数情况下可以省略,我们很快就会看到。

到现在,您应该已经意识到,对于创建成功的测试脚本而言,准确地识别网页上的Web元素至关重要。 记住我的话,说起来容易做起来难! 有时,我们最终会遇到错误的元素或最坏的情况,根本没有任何元素。

当我们在 *Magic Meadows* 中时,为什么还要担心? Selenium IDE提供了许多定位器类型,可以在网页上准确定位Web元素。

定位依据

*   ID
*   Name
*   连结文字
*   的CSS
*   判断
*   XPath

## *通过ID* 定位

知道网络元素的ID属性后,我们总是倾向于按ID进行定位。 由于Id是唯一的,因此这是定位被测元素的最常用方法。

*格式:* **id = web_element_id**

*示例:*打开Goog​​le帐户创建页面。 让我们通过ID识别名字文本框。

![Locating by ID](img/6d549e97d582e483f16b1e097f68564d.png)    

借助HTML(页面源代码)或Firebug(我们将在以后的文章中详细介绍),可以识别ID,如上图所示。

在Firefox浏览器中打开Selenium IDE,然后在目标文本框中输入“ *id = FirstName* ”。 单击**查找**按钮,并注意“名称”部分的“第一个”文本框以黄色突出显示,带有绿色边框。 这表明Selenium IDE能够成功地按预期找到元素。

![By ID highlighting](img/a5ed0a0fb9fecd423bc9ace339ce86b4.png)

## *按名称查找*

名称定位器类型使用匹配的名称属性来定位第一个Web元素。 这与按ID定位非常相似,而ID由名称代替。

*格式:* **name = web_ element_name**

*示例:*打开Goog​​le帐户创建页面。 让我们通过使用页面来源的名称来标识“选择您的用户名”文本框。

![Locating by name](img/86f29ac38b085a6faf96db00de31ad25.png)

使用Selenium IDE“查找”元素以验证我们是否准确定位了该元素。

![By Name highlighted](img/e709c975c172a033f00b1dba9bf6bb14.png)

如果多个Web元素具有相同的“名称”属性,则使用 ***过滤器*** 进一步细化定位策略。 默认过滤器类型为*值。*

*示例:*

![Name filters](img/a0b8bace7eed76adbcae352c3de98115.png)

如上所述,如果使用“ name = travelType”定位策略,则将在网页上选择一个单选按钮,因为它是具有给定name属性的第一个Web元素。 但是,如果我们希望根据测试用例要求使用往返单选按钮,则将使用*按名称和过滤器*策略定位。

在Selenium IDE的“目标”框中输入“ *name = travelType value = roundtrip* ”,然后单击“查找”按钮,将高亮显示往返单选按钮。

## *通过链接文本*定位

在网页上找到超链接的最佳方法是使用“链接文本”策略进行定位。

*格式:* **link = text_of_the_link**

*示例:*打开Goog​​le帐户创建页面。 让我们使用网页来源通过链接文字访问“隐私权政策”链接。

![Locating LinkText](img/e297c5e33c92c96ba0a7a105f54d18e7.png)

‘Find’ the element with Selenium IDE to verify if we located it accurately.

![By LinkText highlighted](img/a122ae1ab9c67bd64c1abb0d5a7fa25c.png)

我认为一天就足够了。 其余的将在后续文章中讨论。 练习这些策略,并在评论部分有任何疑问时通知我。

到那时见! 祝你有美好的一天!

###### 下一篇文章

##### [7l。 Selenium IDE –定位元素(续)。](https://javabeginnerstutorial.com/selenium/7l-ide-locating-elements-contd/ "7l. Selenium IDE – Locating Elements Contd.")