微软出品自动化神器【Playwright+Java】系列(五) 之 常见点击事件操作

时间:2022-10-13 22:04:22

写在前面

明天就是周五了,这周有那么一两天心情特别不好,真的是做什么都没兴致,所以导致整个人都很丧,什么都不想做。

本打算周一就更新这篇文章的,但由于公司一直加班,每天到家很晚,都是挤时间去学,理解后再输出到博客写出来,所以导致进度就滞后了,真的不是我偷懒,还请一直关注我的小伙伴能够理解。

常见点击事件操作

这部分主要演示的常见点击操作,例如:文本输入、复选框、单选按钮、选择选项、鼠标点击事件等等。

1、输入操作

语法: Locator.fill(value)

使用场景: 文本框、日期/时间、日历控件等输入框

示例代码如下:

  /**
     * 输入操作:
     * 语法:Locator.fill(value)
     * 使用场景:文本框、日期/时间、日历控件等输入框
     */
    @Test
    public void testInput() {
        page.locator("#user").fill("公众号:软件测试君");
        String value = page.locator("#user").getAttribute("value");
        //输出 ==> 公众号:软件测试君
        System.out.println(value);
    }

2、点击操作

语法: Locator.click()

适用场景: 单选框、复选框、按钮控件、常见可点击控件等等!

示例代码如下:

 /**
     * 点击操作
     * 语法:Locator.click()
     * 适用场景:单选框、复选框、按钮控件、常见可点击控件等等!
     */
    @Test
    public void testClick() {
        //点击超链接
        page.locator(".baidu").click();
        page.goBack();
        //点击单选框(RadioBox)
        page.locator(".Volvo").click();
        //点击复选框(checkbox)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").click();
    }

3、单选框及复选框操作

语法: Locator.setChecked(checked)

适用场景: 单选框、复选框

示例代码如下:

  /**
     * 单选框及复选框操作
     * 语法:Locator.setChecked(checked)
     * 适用场景:单选框、复选框
     */
    @Test
    public void testChecked() {
        //单选款 (选中,已选中状态下无效)
        page.locator(".Volvo").setChecked(true);
        page.locator(".Volvo").check();
        System.out.println(page.locator(".Volvo").isChecked());
        //复选框(选中,已选中状态下无效)
        page.locator("#checkbox [type='checkbox']:nth-child(7)").check();
        page.locator("#checkbox [type='checkbox']:nth-child(7)").setChecked(true);
        System.out.println(page.locator("#checkbox [type='checkbox']:nth-child(7)").isChecked());
    }

4、下拉控件操作

语法: Locator.selectOption(values[, options])

适用场景: 下拉框操作

示例代码如下:

  /**
     * 下拉控件操作
     * 语法:Locator.selectOption(values[, options])
     * 适用场景:下拉框操作
     */
    @Test
    public void testSelectOption() {
        //通过value值选择
        page.locator("[name='select']").selectOption("opel");
        //通过可见文本选择
        page.locator("[name='select']").selectOption(new SelectOption().setLabel("Audi"));
        // 多选无效,只能选中第一个(saab)
        //page.locator("[name='select']").selectOption(new String[] {"saab", "opel"});
    }

5、鼠标事件

语法: 详见案例

适用场景:常见鼠标点击事件

案例如图:

微软出品自动化神器【Playwright+Java】系列(五) 之  常见点击事件操作

示例代码如下:

/**
     * 鼠标事件
     * 语法:详见案例
     * 适用场景:
     */
    @Test
    public void testMouse() {
        page.navigate("http://localhost:8080/mouse.html");
        //常规单击
        page.locator("#mouse2").click();
        pause(3);
        //双击
        page.locator("#mouse3").dblclick();
        pause(3);
        //右键单击
        page.locator("#mouse5").click(new Locator.ClickOptions().setButton(MouseButton.RIGHT));
        pause(3);
        //按住Shift键并单击
        page.locator("#mouse2").click(new Locator.ClickOptions().setModifiers(Arrays.asList(KeyboardModifier.SHIFT)));
        pause(3);
        //悬停在元素上
        page.locator("#mouse1").hover();
        pause(3);
        //单击左上角
        page.locator("#mouse1").click(new Locator.ClickOptions().setPosition(0, 0));
        pause(3);
        //强制点击
        page.locator("#mouse2").click(new Locator.ClickOptions().setForce(true));
        pause(3);
        //调度点击事件来触发点击
        page.locator("#mouse2").dispatchEvent("click");
    }

注意: 不知道是什么原因, 在执行鼠标点击案例时,程序从上到下操作后会发现弹窗会自己点击关掉,神奇的很!

写到最后

对比学习看的话,Selenium操作点击后的弹窗需要alert来完成确认,而Playwright却可以自动点击,可以说比Selenium智能吗?有兴趣的小伙伴可以自己尝试。