Selenium 自动化 —— 高级交互(click、sendKeys、submit、clear、select)

更多关于Selenium的知识请访问CSND论坛“兰亭序咖啡”的专栏:专栏《Selenium 从入门到精通》

​​


1. 前言

这是我的《Selenium从入门到精通》专栏的第11篇文章,前面花了很多时间在元素的定位上。不管是爬虫和自动化,找到元素后,我们通常还会需要和这么网页元素做一些交互,比如:

  • 点击“注册”按钮
  • 在“账号文本框”中输入账号
  • 清空文本内容
  • 提交“注册表单”
  • 在“证件类型”下拉列表中选择身份证

Selenium WebDriver提供了一系列简洁而强大的API,可以通过它们直接操纵页面上的各类元素,从而模拟用户交互行为。和上面的需求基本对应:

  • click 模拟用户点击元素的动作
  • send keys 向可输入的文本元素发送文本数据
  • clear 清除文本元素中的内容
  • submit 模拟提交表单操作
  • select 处理下拉选择框

本文将系统性地介绍Selenium中对Web元素进行操作的五大核心命令,并通过Java代码示例展示其具体应用。

2. 五大核心命令

我们用Java和Junit来测试Selenium。测试结构:

@Slf4j
public class InteractionTest {
    private WebDriver driver = null;
    @BeforeEach
    public void setup(){
        driver = new ChromeDriver();
    }
    @AfterEach
    public void tearDown(){
        driver.quit();
    }

    @Test
    public void test() throws InterruptedException {
        // 测试代码写在这里!
    }
}

2.1 sendKeys() 输入文本

我们可以通过 sendKeys 可输入的文本元素(如输入框、可编辑区域)发送文本数据。

@Test
public void testSendKeys() throws InterruptedException {
    driver.get("https://www.baidu.com");
    WebElement searchBtn = driver.findElement(By.id("kw"));
    searchBtn.sendKeys("兰亭序咖啡的专栏");

    TimeUnit.SECONDS.sleep(5);
}

可以看到“兰亭序咖啡”被自动填写到用户名文本框。

2.2 click() 点击

click 可以模拟用户点击元素的动作,几乎适用于页面上的任何可点击元素,如按钮、链接等。

@Test
public void testClick() throws InterruptedException {
    driver.get("https://passport.baidu.com/v2/?reg");
    WebElement verifyCodeSend = driver.findElement(By.id("TANGRAM__PSP_4__verifyCodeSend"));
    verifyCodeSend.click();

    TimeUnit.SECONDS.sleep(5);
}

点击“获取验证码” 按钮

2.3 clear() 清空文本

clear() 用来清除文本元素中的内容,同样只适用于可输入的文本元素。

@Test
public void testClick() throws InterruptedException {
    driver.get("https://passport.baidu.com/v2/?reg");
    WebElement userName = driver.findElement(By.name("userName"));
    userName.sendKeys("兰亭序咖啡的专栏");
    TimeUnit.SECONDS.sleep(5);

    userName.clear();
    TimeUnit.SECONDS.sleep(5);
}

文本框先是被设置,然后等待几秒后被清空

2.4 submit() 提交表单

submit 用来 模拟提交表单操作,通常用于表单元素,当点击表单内的提交按钮时,会触发此操作。

@Test
public void testSubmit() throws InterruptedException {
    driver.get("https://passport.baidu.com/v2/?reg");
    driver.findElement(By.name("userName")).sendKeys("abab233214567");

    driver.findElement(By.id("TANGRAM__PSP_4__form")).submit();
    TimeUnit.SECONDS.sleep(5);
}

尝试提交表单(不经过点击“登录”按钮)

因为一些必填字段没有填写,所以提交不成功

2.5 select() 选择下拉列表

select() 专门用于处理下拉选择框(<select>元素),提供了丰富的选项选择方法,如按值、索引或文本选择。

@Test
public void testSelect() throws InterruptedException {
    driver.get("https://www.runoob.com/try/try.php?filename=tryhtml_option");
    WebElement dropdown = driver.findElement(By.xpath("//select"));
    Select select = new Select(dropdown);

    select.selectByIndex(3);

    select.selectByValue("saab");

    select.selectByVisibleText("Volvo");

    TimeUnit.SECONDS.sleep(5);
}

可以通过三种方式选中特定的下拉列表选项!

3. 高级交互的特点

其实除了本文要介绍的五大核心交互外,Selenium 还提供了更底层的Action类也可以实现类似的功能。那么它们有什么区别呢?

因为这五个核心交互命令是高级的交互,也就是模拟人类的操作,所以,它们有两个特别的点:

  • 如果元素不在页面的可视范围,它会滚动页面到元素的位置,然后再操作。
  • 做这些操作前,Selenium 会确保元素是可交互的。(interactable)。如果元素不可交互,会抛出ElementNotInteractableException的异常!

下面几种情况会抛出ElementNotInteractableException异常:

  • 元素不在可视范围内——比如被其它元素挡住了(比如loading框)
  • 元素没有显示——比如隐藏的元素
  • 不可点击——比如页面还在加载中,或者按钮是disabled状态

4. 结束语

本文介绍了五种常用的高级交互,通过Selenium提供的这些特性,我们可以用Selenium实现更丰富的功能。关注兰亭序咖啡,一起学习更多Selenium的知识。

  • 19
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值