标签: playwright

我已经使用 TypeScript 编写了 Playwright 测试，并且想在测试文件中使用 .env 中的变量，我该怎么做？

就像在 selenium 中一样，我们在 Playwright 中是否可以选择等待元素可点击？

headers["user-agent"] = fakeUa();
  console.log(fakeUa())
  let firstReq = true;
    page.route('**/*', route => {
    const request = route.request()
    //console.log(request.url(), JSON.stringify(request.headers()));
    
    if("x-j3popqvx-a" in request.headers()){
        headers = request.headers();
        //console.log(headers);
        console.log("exiting");
        return;
    }
    else {
        console.log("in");
        return route.continue({headers: headers});
    }
  });
  let pageRes = await page.goto(url, {waitUntil: 'load', timeout: 0});

我想在向 url 发送请求时添加假用户代理。但它不会添加假用户代理，而是使用默认用户代理。

我需要一些帮助来使用剧作家测试做出条件语句。
我有一个给定的选择器，比如说一个按钮，我需要编写如下的条件语句：

if (selector is not present/visible)

    do nothing and proceed with the *next lines of code*

else  

    await page.click(*selector*)

*next lines of code*

有没有有效的方法来做这些事情？我在剧作家文档中没有找到任何内容。

我试图等待一个指示页面仍在加载并且多次存在于页面上的元素不可见（想想带有加载数据占位符的表）。

Playwright 文档建议使用定位器是最佳实践，因此我最初尝试通过执行以下操作来实现此目的：

locator.waitFor({state: "hidden")

然而，由于定位器非常严格并且只允许匹配一个元素，所以会出现错误。

我现在用下面的代码来做：

page.waitForSelector(".foo .bar", {state: "hidden"})

由于以下几个原因，这并不理想：

• 我将页面元素存储为页面对象模型中的定位器，并且您似乎无法访问定位器的选择器，这意味着选择器在代码中重复
• 我相信 page.waitForSelector 将使用 ElementHandle ，这是不鼓励的

有什么办法可以关闭定位器的严格约束吗？或者使用定位器来实现此目的的方法。我知道您可以.count在匹配多个元素的定位器上执行此操作，但我还没有找到将其与等待计数为 0 结合起来的好方法。

我正在寻找针对当前情况的更简单的解决方案。例如，您打开 google（任何其他网站），并且希望通过单击按钮（例如 Gmail）- 使用 Playwright 在新选项卡中打开此页面。

let browser, page, context;
describe('Check the main page view', function () {
    before(async () => {
        for (const browserType of ['chromium']) {
            browser = await playwright[browserType].launch({headless: false});
            context = await browser.newContext();
            page = await context.newPage();
            await page.goto(baseUrl);
        }
    });
    after(async function () {
        browser.close();
    });
    
        await page.click(tax);
        const taxPage = await page.getAttribute(taxAccount, 'href');

        const [newPage] = await Promise.all([
        context.waitForEvent('page'),
        page.evaluate((taxPage) => window.open(taxPage, '_blank'), taxPage)]);

        await newPage.waitForLoadState();
        console.log(await newPage.title());

我正在通过 Playwright 上的非输入 HTML 标签上传文件。

例如，您可以setInputFiles像这样使用，并且效果如下：

await page.setInputFiles('input[type="file"]', './headphone.png')

但显然setInputFiles只适用于输入元素，这样的事情会出错：

await page.setInputFiles('label.ImageUpload__label ', './headphone.png');

我正在处理的 HTML 是这样的：

<div id="ImageUpload" class="ImageUpload u-marginB10">
        <label class="ImageUpload__label js-dragdrop-area" for="selectFileMultiple">
            <span class="ImageUpload__hide">drag and drop or select files</span>
            <span class="ImageUpload__text"><span class="js-dragdrop-num">10</span>up to</span>
        </label>
</div>

那么，是否可以使用 Playwright 将文件上传到此类 HTML 元素呢？