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

技术分享 2年前 (2022-10-14) 0 999+

关注

写在前面

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

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

常见点击事件操作

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

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");     }

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