写在前面
明天就是周五了，这周有那么一两天心情特别不好，真的是做什么都没兴致，所以导致整个人都很丧，什么都不想做。
本打算周一就更新这篇文章的，但由于公司一直加班，每天到家很晚，都是挤时间去学，理解后再输出到博客写出来，所以导致进度就滞后了，真的不是我偷懒，还请一直关注我的小伙伴能够理解。
常见点击事件操作
这部分主要演示的常见点击操作，例如：文本输入、复选框、单选按钮、选择选项、鼠标点击事件等等。
1、输入操作
语法： Locator.fill(value)
使用场景： 文本框、日期/时间、日历控件等输入框
示例代码如下：
代码语言：javascript复制 /**
* 输入操作：
* 语法：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()
适用场景： 单选框、复选框、按钮控件、常见可点击控件等等！
示例代码如下：
代码语言：javascript复制 /**
* 点击操作
* 语法：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)
适用场景： 单选框、复选框
示例代码如下：
代码语言：javascript复制 /**
* 单选框及复选框操作
* 语法：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])
适用场景： 下拉框操作
示例代码如下：
代码语言：javascript复制 /**
* 下拉控件操作
* 语法：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、鼠标事件
语法： 详见案例
适用场景：常见鼠标点击事件
案例如图：
示例代码如下：
代码语言：javascript复制/**
* 鼠标事件
* 语法：详见案例
* 适用场景：
*/
@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智能吗？有兴趣的小伙伴可以自己尝试。
