写在前面

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

API部分

多线程

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

package org.example;

import com.microsoft.playwright.*;

import java.nio.file.Paths;

import static java.util.Arrays.asList;

public class PlaywrightThread extends Thread {
  private final String browserName;

  private PlaywrightThread(String browserName) {
    this.browserName = browserName;
  }

  public static void main(String[] args) throws InterruptedException {
    for (String browserName: asList("chromium", "webkit", "firefox")) {
      Thread thread = new PlaywrightThread(browserName);
      thread.start();
    }
  }

  @Override
  public void run() {
    try (Playwright playwright = Playwright.create()) {
      BrowserType browserType = getBrowserType(playwright, browserName);
      Browser browser = browserType.launch();
      Page page = browser.newPage();
      page.navigate("https://www.baidu.com/");
      page.locator("#kw").type("久曲健 博客园");
      page.locator("#kw").press("Enter");
      page.screenshot(new Page.ScreenshotOptions().setPath(Paths.get("user-agent-" + browserName + ".png")));
    }
  }

  private static BrowserType getBrowserType(Playwright playwright, String browserName) {
    switch (browserName) {
      case "chromium":
        return playwright.chromium();
      case "webkit":
        return playwright.webkit();
      case "firefox":
        return playwright.firefox();
      default:
        throw new IllegalArgumentException();
    }
  }
}

重定向到指定页面

跳转到指定页面，示例代码如下：

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

元素等待

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

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

}

弹出窗口处理

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

/**
 * @decription 弹出窗口处理
 * @author longrong.lang
 * @date 2023/02/18 11:08
 * @return: void
 */
@Test
public void testPopup(){
    // createPopup()方法只适用在IE !
    page.navigate("http://localhost:8080/proup_demo.html");
    Page popup = page.waitForPopup(() -> {
        page.lo