Selenium教程

Selenium CSS选择器-属性

语法: css = <HTML标签><[attribute=属性值]> 我们可以使用值,类型和名称作为属性来创建CSS选择器。 属性值表示使用特定属性时正在访问的值。
让我们考虑一个示例,该示例如何使用Attribute创建可唯一标识Web元素的CSS选择器。
我们将尝试通过定义CSS Selector来查找Web元素。该特定的网络元素。
启动Firefox浏览器。 单击浏览器右上角显示的Selenium图标。 它将启动Selenium IDE的默认界面。 单击"测试脚本编辑器"框中显示的命令文本框。
CSS选择器-属性
将第一个命令的属性修改为: 命令: 打开 目标: https://www.testandquiz.com/user-login0 执行后,此命令将在Firefox浏览器中加载"测试和测验"登录页面。
CSS选择器-属性
现在,使用第二条命令将尝试找到"用户名"文本框。
首先,我们将检查"用户名"文本框,以确定哪个属性最适合查找所需的Web元素。
右键单击用户名文本框,然后选择检查元素。
CSS选择器-属性 它将启动一个窗口,其中包含开发"用户名"文本框所涉及的所有特定代码。
CSS选择器-属性 选择输入标签以及name属性的值。
CSS选择器-属性
我们将定义CSS选择器如: css = input [name ='email_id']
将第二条命令的属性修改为: 命令: 点击 目标: css = input [name ='email_id'] 执行后,此命令将单击"用户名"文本框。
我们将使用相同的CSS选择器再添加一个命令。此命令会将用户名文本输入"用户名"文本框中。
将第三条命令的属性修改为: 命令: 键入 目标: css = input [name ='email_id'] 值: 用户名 执行后,此命令将在"用户名"文本框中键入值。
CSS选择器-属性
让我们执行测试脚本看看我们插入的命令是否有效。
单击IDE工具栏菜单上的"运行当前测试"按钮。它将在浏览器上执行所有插入的命令,并为您提供已执行测试脚本的总体摘要。
以下屏幕快照显示我们已成功执行了测试脚本。

CSS选择器-属性
(1)-名称值的值用于我们两个CSS选择器的"用户名"文本框元素。
(2)-日志窗格显示已执行的测试脚本的总体摘要。
(3)-由于执行第三条命令而生成的值。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4