经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » Java相关 » Java » 查看文章
微软出品自动化神器【Playwright+Java】系列(九)多线程、重定向、弹出新窗口、截图、新页面、录制、页面对象模式操作
来源:cnblogs  作者:久曲健  时间:2023/2/20 15:19:05  对本文有异议

写在前面

关于Playwright系列的文章,真的很久没有写了,今天一个不小心官方API部分过完了,下面将为大家逐一演示,感兴趣的同学可以自行动手练习。

API部分

多线程

直白点说就是多线程下Playwright的使用,示例代码如下:

  1. package org.example;
  2. import com.microsoft.playwright.*;
  3. import java.nio.file.Paths;
  4. import static java.util.Arrays.asList;
  5. public class PlaywrightThread extends Thread {
  6. private final String browserName;
  7. private PlaywrightThread(String browserName) {
  8. this.browserName = browserName;
  9. }
  10. public static void main(String[] args) throws InterruptedException {
  11. for (String browserName: asList("chromium", "webkit", "firefox")) {
  12. Thread thread = new PlaywrightThread(browserName);
  13. thread.start();
  14. }
  15. }
  16. @Override
  17. public void run() {
  18. try (Playwright playwright = Playwright.create()) {
  19. BrowserType browserType = getBrowserType(playwright, browserName);
  20. Browser browser = browserType.launch();
  21. Page page = browser.newPage();
  22. page.navigate("https://www.baidu.com/");
  23. page.locator("#kw").type("久曲健 博客园");
  24. page.locator("#kw").press("Enter");
  25. page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("user-agent-" + browserName + ".png")));
  26. }
  27. }
  28. private static BrowserType getBrowserType(Playwright playwright, String browserName) {
  29. switch (browserName) {
  30. case "chromium":
  31. return playwright.chromium();
  32. case "webkit":
  33. return playwright.webkit();
  34. case "firefox":
  35. return playwright.firefox();
  36. default:
  37. throw new IllegalArgumentException();
  38. }
  39. }
  40. }

重定向到指定页面

跳转到指定页面,示例代码如下:

  1. /**
  2. * @decription 跳转到指定页面
  3. * @author longrong.lang
  4. * @date 2023/02/18 9:15
  5. * @return: void
  6. */
  7. @Test
  8. public void testNavigations() {
  9. // 跳转到百度页面
  10. page.navigate("https://www.baidu.com/");
  11. //等待网络空闲是跳转
  12. page.navigate("https://www.baidu.com/", new Page.NavigateOptions()
  13. .setWaitUntil(WaitUntilState.NETWORKIDLE));
  14. }

元素等待

它有显示等待和页面交互操作自动等待,相比Selenium来比的话,对异步操作有自己的处理机制,示例代码如下:

  1. /**
  2. * @decription 元素等待
  3. * @author longrong.lang
  4. * @date 2023/2/17 14:09
  5. * @return: void
  6. */
  7. @Test
  8. public void testWaitElement(){
  9. //在延迟加载的页面中,使用 Locator.waitFor()等待元素可见可能很有用。
  10. page.navigate("https://www.baidu.com/");
  11. page.locator("#kw").waitFor();
  12. //Page.click()这样的页面交互会自动等待元素。
  13. page.navigate("https://www.baidu.com/");
  14. page.locator("#kw").type("test");
  15. //自定义等待
  16. page.locator(".toindex").click(); //点击跳转
  17. page.waitForLoadState(LoadState.NETWORKIDLE); // 这在“网络空闲”之后处理
  18. //显示等待(异步调用建议使用)
  19. page.navigate("asynchronousProcessing.html");
  20. page.waitForNavigation(()->{
  21. page.locator("#submit").click(); //123主页
  22. });
  23. //单击一个元素可能会触发多个异步
  24. page.waitForNavigation(new Page.WaitForNavigationOptions().setUrl("**/login"), () -> {
  25. page.locator("#submit").click();
  26. });
  27. }

弹出窗口处理

这个案例很有意思,在写对应的html案例时,发现这东西只在ie浏览器上生效( createPopup()方法只适用在IE !),这里还请读者朋友注意,所以你跑脚本报错,并不是你代码的问题哦,示例代码如下:

  1. /**
  2. * @decription 弹出窗口处理
  3. * @author longrong.lang
  4. * @date 2023/02/18 11:08
  5. * @return: void
  6. */
  7. @Test
  8. public void testPopup(){
  9. // createPopup()方法只适用在IE !
  10. page.navigate("http://localhost:8080/proup_demo.html");
  11. Page popup = page.waitForPopup(() -> {
  12. page.locator("[onclick]").click();
  13. });
  14. popup.waitForLoadState(LoadState.LOAD);
  15. }

截图操作

分为快速截图、整页截图、存到缓存区、按照元素区域截图,示例代码如下:

  1. /**
  2. * @decription 截图操作
  3. * @author longrong.lang
  4. * @date 2023/02/18 11:08
  5. * @return: void
  6. */
  7. @Test
  8. public void testScreenshot(){
  9. page.navigate("https://www.baidu.com/");
  10. //快速截图
  11. page.screenshot(new Page.ScreenshotOptions()
  12. .setPath(Paths.get("screenshot1.png")));
  13. //整页截图
  14. page.screenshot(new Page.ScreenshotOptions()
  15. .setPath(Paths.get("screenshot2.png"))
  16. .setFullPage(true));
  17. //存到缓冲区
  18. byte[] buffer = page.screenshot();
  19. System.out.println(Base64.getEncoder().encode(buffer));
  20. //按照元素区域截图
  21. page.locator("#kw").screenshot(new Locator.ScreenshotOptions().setPath(Paths.get("screenshot3.png")));
  22. }

处理新页面

就是新句柄处理,只不过是连个窗口罢了,超链接带target="_blank"标识,示例代码如下:

  1. /**
  2. * @decription 新窗口处理
  3. * @author longrong.lang
  4. * @date 2023/02/18 11:53
  5. * @return: void
  6. */
  7. @Test
  8. public void testHandlingNewPage() {
  9. page.navigate("https://www.baidu.com/");
  10. Page newPage = context.waitForPage(() -> {
  11. page.locator("#s-top-left .c-color-t:nth-of-type(4)").click();
  12. });
  13. newPage.waitForLoadState();
  14. System.out.println(newPage.title());
  15. }

录制生成脚本

启动命令如下:

  1. mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="codegen www.baidu.com"

效果:

image.png

模拟指定窗口大小录制

运行命令如下:

  1. mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="codegen --viewport-size=800,600 www.baidu.com"

效果:

image.png

模拟设备录制

运行命令如下:

  1. mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args='codegen --device="iPhone 11" playwright.dev'

我这执行完报错,不到为啥,也不到官方是怎么成功的,很好奇!

用python的打开命令居然能,很诡异是抗拒Java吗?

  1. playwright open --device="iPhone 13 Pro" www.baidu.com

效果:

image.png

录制视频

使用Playwright,脚本录制结束后会自动生成视频,示例代码如下:

  1. context = browser.newContext(new Browser.NewContextOptions().setRecordVideoDir(Paths.get("videos/")));
  2. //确保context关闭,以便保存视频。
  3. context.close();

页面对象模式

这个可以用SeleniumpageObject模式一样,目的是为了代码维护方便,这里我以登录功能为例进行演示,登录页面需要存放元素定位和控件操作行为,示例代码如下:

  1. package org.example;
  2. import com.microsoft.playwright.Locator;
  3. import com.microsoft.playwright.Page;
  4. /**
  5. * @description 存放页面控件及操作
  6. * @author longrong.lang
  7. * @version 1.0
  8. * @date 2023/02/18 15:07
  9. */
  10. public class LoginPage {
  11. private final Page page;
  12. private final Locator username;
  13. private final Locator password;
  14. private final Locator login_btn;
  15. private final Locator error_msg;
  16. public LoginPage(Page page) {
  17. this.page = page;
  18. this.username = page.locator("input[type='text']");
  19. this.password = page.locator("[type='password']");
  20. this.login_btn = page.locator("button");
  21. this.error_msg = page.locator("#alert");
  22. }
  23. public void open() {
  24. page.navigate("http://localhost:8080/login");
  25. }
  26. /**
  27. * @decription 登录操作
  28. * @author longrong.lang
  29. * @date 2023/02/18 15:03
  30. * @param user
  31. * @param pwd
  32. * @return: java.lang.String
  33. */
  34. public String login(String user,String pwd) {
  35. open();
  36. username.fill(user);
  37. password.fill(pwd);
  38. login_btn.click();
  39. String content = error_msg.textContent();
  40. return content;
  41. }
  42. }

测试类部分,示例代码如下:

  1. package org.example;
  2. import com.microsoft.playwright.*;
  3. import org.testng.Assert;
  4. import org.testng.annotations.AfterClass;
  5. import org.testng.annotations.BeforeClass;
  6. import org.testng.annotations.Test;
  7. /**
  8. * @description 测试登录功能
  9. * @author longrong.lang
  10. * @version 1.0
  11. * @date 2023/02/18 15:07
  12. */
  13. public class TestLogin {
  14. static Playwright playwright;
  15. static Browser browser;
  16. static BrowserContext context;
  17. static Page page;
  18. @BeforeClass
  19. static void launchBrowser() {
  20. playwright = Playwright.create();
  21. browser = playwright.chromium().launch(new BrowserType.LaunchOptions()
  22. .setHeadless(false));
  23. context = browser.newContext();
  24. page = context.newPage();
  25. }
  26. @Test
  27. public void testLogin() {
  28. LoginPage loginPage = new LoginPage(page);
  29. String errorMsg = loginPage.login("1", "1");
  30. Assert.assertEquals(errorMsg,"用户名或密码错误!");
  31. }
  32. @AfterClass
  33. public void afterClass() {
  34. browser.close();
  35. context.close();
  36. playwright.close();
  37. }
  38. }

写在最后

总的来说,还是很开心的,而且很有成就感,终于把Playwright+Java系列教程写完了。

可能有些同学会好奇说,网上不是有都是吗,你可以找找Java系列,我敢说,即便是有大部分抄袭我的比较多,抄袭我能理解加个出处行吗?如下图:

image.png

真的突然让我想到了洲哥那句话,总会有那么几个让你恶心的狗逼,但已经被恶心了就恶心了,随它去吧!

开心的是,证明我写的还是不错的,要不他也不能抄袭不是吗?

原文链接:https://www.cnblogs.com/longronglang/p/17132832.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号