写在前面

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

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

常见点击事件操作

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

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、鼠标事件

语法： 详见案例

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

案例如图：

示例代码如下：

/**
     * 鼠标事件
     * 语法：详见案例
     * 适用场景：
     */
    @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智能吗？有兴趣的小伙伴可以自己尝试。

标签：