playwright-getByAltText

一、getByAltText定位的作用

所有图片都应有一个描述图片的 alt 属性。你可以使用 page.getByAltText() 根据替代文本定位图片。

可以看下如下html

要获取图片 alt 属性 playwright logo的img的定位，可以使用：

java 复制代码

page.getByAltText("playwright logo")

二、举个例子：

①先创建工具类

复制代码

TestPlayWright

java 复制代码

import com.microsoft.playwright.*;
import com.microsoft.playwright.options.AriaRole;
import com.microsoft.playwright.options.ServiceWorkerPolicy;
 
import java.util.ArrayList;
import java.util.List;
 
public class TestPlayWright {
    public Playwright playwright;
    public Browser browser;
    public BrowserContext context;
    public Page page;
    public int slowMo = 200;
    public boolean headless = false;
    public String bowserName = "CHROMIUM";
 
    public Page getPage() {
        return page;
    }
 
    public void init(){
        List<String> argslist = new ArrayList<String>();
        argslist.add("--window-position=" + -8 + "," + 0);
 
        playwright = Playwright.create();
        switch (bowserName) {
            case "CHROMIUM":
                browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setArgs(argslist)
                        .setHeadless(headless)
                        .setSlowMo(slowMo));
                break;
            case "FIREFOX":
                browser = playwright.firefox().launch(new BrowserType.LaunchOptions()
                        .setHeadless(headless).setArgs(argslist)
                        .setSlowMo(slowMo));
                break;
            case "WEBKIT":
                browser = playwright.webkit().launch(new BrowserType.LaunchOptions()
                        .setHeadless(headless).setArgs(argslist)
                        .setSlowMo(slowMo));
                break;
        }
        assert browser != null;
        Browser.NewContextOptions contextOpts = new Browser.NewContextOptions()
                .setServiceWorkers(ServiceWorkerPolicy.BLOCK);  // 屏蔽所有 Service Worker
        context = browser.newContext(contextOpts);
//        # 2. 清除当前上下文的所有 Cookie（推荐）
        context.clearCookies();
        page = context.newPage();
    }
    public void browserClose(){
        if(browser!=null){
            browser.close();
        }
    }
    public void playwrightClose() {
        if(playwright!=null){
            playwright.close();
        }
    }
 
 
}

②创建TestGetByAltText类

java 复制代码

import com.microsoft.playwright.Locator;
import com.microsoft.playwright.Page;


public class TestGetByAltText {
    public static void main(String[] args)  {
        TestPlayWright test = new TestPlayWright();
        test.init();
        Page page = test.getPage();

        page.navigate("https://playwright.nodejs.cn/docs/locators");
        page.waitForTimeout(2000);
        //定位alt="playwright logo" 的定位标签 nth(1)代表第2个
        Locator altText = page.getByAltText("playwright logo").nth(1);
        //点击
        altText.click();
        //等待1秒
        page.waitForTimeout(2000);
        //高亮定位
        altText.highlight();
        //等待1秒
        page.waitForTimeout(5000);
        test.browserClose();
        test.playwrightClose();
    }
}