五微软出品自动化神器【Playwright+Java】系列之常见点击事件操作 _生活百科

写在前面明天就是周五了，这周有那么一两天心情特别不好，真的是做什么都没兴致，所以导致整个人都很丧，什么都不想做。
本打算周一就更新这篇文章的，但由于公司一直加班，每天到家很晚，都是挤时间去学，理解后再输出到博客写出来，所以导致进度就滞后了，真的不是我偷懒，还请一直关注我的小伙伴能够理解。
常见点击事件操作这部分主要演示的常见点击操作，例如：文本输入、复选框、单选按钮、选择选项、鼠标点击事件等等。
1、输入操作语法： Locator.fill(value)
使用场景：文本框、日期/时间、日历控件等输入框
示例代码如下：
/*** 输入操作：* 语法：Locator.fill(value)* 使用场景：文本框、日期/时间、日历控件等输入框*/@Testpublic void testInput() {page.locator("#user").fill("公众号：软件测试君");String value = https://www.huyubaike.com/biancheng/page.locator("#user").getAttribute("value");//输出 ==> 公众号:软件测试君System.out.println(value);}2、点击操作语法： Locator.click()
适用场景：单选框、复选框、按钮控件、常见可点击控件等等！
示例代码如下：
/*** 点击操作* 语法：Locator.click()* 适用场景：单选框、复选框、按钮控件、常见可点击控件等等！*/@Testpublic 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)* 适用场景：单选框、复选框*/@Testpublic 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、下拉控件操作【五微软出品自动化神器【Playwright+Java】系列之常见点击事件操作】语法： Locator.selectOption(values[, options])
适用场景：下拉框操作
示例代码如下：
/*** 下拉控件操作* 语法：Locator.selectOption(values[, options])* 适用场景：下拉框操作*/@Testpublic 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、鼠标事件语法：详见案例
适用场景：常见鼠标点击事件
案例如图：

文章插图
示例代码如下：

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