playwright-getByLabel定位

一、getByLabel定位的作用

大多数表单控件通常都有专门的标签,可以方便地用于与表单交互。在这种情况下,你可以使用其关联的标签通过 page.getByLabel定位控件。

可以看下如下html

要获取输入框为Password 的label的定位,可以使用:

java 复制代码
page.getByLabel("Password")

二、举个例子:

①先创建工具类

复制代码
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();
        }
    }
 
 
}

②创建TestGetByLabel 类

java 复制代码
import com.microsoft.playwright.Locator;
import com.microsoft.playwright.Page;


public class TestGetByLabel {
    public static void main(String[] args)  {
        TestPlayWright test = new TestPlayWright();
        test.init();
        Page page = test.getPage();
        page.navigate("https://playwright.nodejs.cn/docs/locators");
        Locator password = page.getByLabel("Password");
        password.click();
        page.waitForTimeout(1000);
        password.highlight();
        page.waitForTimeout(1000);
        password.fill("这个通过label定位");
        page.waitForTimeout(5000);
        test.browserClose();
        test.playwrightClose();
    }
}

③运行效果:

定位到password输入框,并且输入密码如下:

三、通过葫芦娃ui自动化工具操作

①打开葫芦娃ui自动化工具
②加载对应step.xlsx和data.xlsx
③step.xlsx配置如图:

case sheet输入如下

④创建对应sheet playwright-getByLabel定位 如下,定位方法选择 getByPlaceHolder:
⑤data.xlsx 创建对应同名的sheet playwright-getByLabel定位如下:
⑥切换到工具,点击运行:

运行效果和上面一样

完全零代码,直接维护excel 就行,谢谢大家的支持,可以点个赞或转发。谢谢大家~

想要工具可以私聊哈~

相关推荐
深蓝电商API3 天前
Playwright 多浏览器并发:同时操控 100 个 Chrome 实例
爬虫·playwright
深蓝电商API4 天前
Playwright深入浅出:从入门到企业级项目实战
爬虫·playwright
深蓝电商API4 天前
Playwright vs Puppeteer vs Selenium 2026终极对比
爬虫·selenium·puppeteer·playwright
xiaobai1785 天前
pytest+playwright实现UI自动化(4)-上夹具fixture
ui·自动化·pytest·playwright
Hi~晴天大圣5 天前
Playwright Frames框架
playwright·frame
Mr.Daozhi7 天前
Playwright实战:抓取Meta Ad Library动态页面的三级降级策略
爬虫·python·自动化·playwright·meta广告
SilentSamsara11 天前
爬虫工程化:Playwright + 反反爬 + 数据清洗管道实战
开发语言·爬虫·python·青少年编程·playwright
oscar99918 天前
Playwright 测试管理落地 Katalon True Platform:统一报告、AI 驱动洞察、零脚本迁移
人工智能·playwright·katalon
七夜zippoe1 个月前
OpenClaw Browser 快照:页面分析与操作
ai·快照·playwright·browser·openclaw