如何在playwright中等待JavaScript完成
在playwright中等待JavaScript完成可以使用page.waitForFunction()方法。该方法允许您等待特定的JavaScript表达式在页面上评估为真。
以下是等待JavaScript完成的步骤：
- 导入playwright库并创建一个浏览器实例：
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
// 在此处执行等待JavaScript完成的代码
})();- 使用
page.waitForFunction()方法等待JavaScript完成。该方法接受两个参数：一个JavaScript表达式和一个可选的等待选项对象。
await page.waitForFunction(() => {
// 在此处编写您的JavaScript表达式
// 例如，等待特定元素出现：
return document.querySelector('#myElement') !== null;
});- 可选地，您可以使用等待选项对象来自定义等待的行为。例如，您可以设置超时时间和轮询间隔：
await page.waitForFunction(() => {
// 在此处编写您的JavaScript表达式
}, { timeout: 5000, polling: 'raf' });在上面的示例中，timeout设置为5000毫秒（5秒），polling设置为'raf'，表示使用requestAnimationFrame来轮询。
完整的代码示例：
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
await page.goto('https://example.com');
await page.waitForFunction(() => {
// 在此处编写您的JavaScript表达式
// 例如，等待特定元素出现：
return document.querySelector('#myElement') !== null;
});
console.log('JavaScript完成');
await browser.close();
})();这是一个基本的等待JavaScript完成的示例。根据您的具体需求，您可以根据页面上的不同元素或条件编写自定义的JavaScript表达式来等待。
相关·内容
2回答
我正在创建一个web自动化，我需要使浏览器保持打开状态，但由于剧作家库只有开始显示代码，包括每次脚本完成时包含"with“语句的代码，浏览器就会关闭。我知道我可以很快地用时间(100)来解决这个问题，但这似乎不是最佳实践。我尝试创建类似的操作，没有with语句，但是它一直关闭浏览器。如何解决此问题并使浏览器保持打开状态？
请参阅我的代码如下：
from playwright.sync_api import sync_playwright
p = sync_playwright().start()
browser = p.chromium.launch(headless=False)
浏览 3提问于2022-07-19得票数 2
我正在使用Playwright和JavaScript测试UI。我的代码查找一个input元素，它有时是一个下拉列表，有时是一个文本，有时是一个日期。为了处理这个问题，我用两个步骤输入值。首先，我填充文本，然后单击Tab键来调用格式化元素中值的JavaScript。
await page.fill("#myID", inputText);
await page.keyboard.press('Tab'); // this line trigger the JS
// continue to the next element
问题是，它并不是在等待JavaS
浏览 142提问于2021-02-18得票数 1
当我尝试使用page拦截任何请求时，playwright就会超时，即使没有任何更改： import {chromium} from "playwright";
const b = await chromium.launch({
headless: false
})
const p = await b.newPage();
await p.route('**/*', async (route) => {
await route.continue();
});
await p.goto('https://www.google.co
浏览 482提问于2021-11-17得票数 0
回答已采纳
我的目标：
当第一个页面(一个庞大的html)正在加载时，导航到第二个页面。
当前状态：
脚本工作到最后，然后await browser.close()崩溃。
脚本：
const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch({ headless: false })
const page = await browser.newPage()
await page.setViewportSize({ width: 1200,
浏览 4提问于2021-03-29得票数 4
回答已采纳
我想这是一个经典的C#到F#的转换，我还没有完全明白。
我正在尝试使用快速启动来实现浏览器的自动化。
C#代码是
using var playwright = await Playwright.CreateAsync();
await using var browser = await playwright.Chromium.LaunchAsync();
var page = await browser.NewPageAsync();
await page.GotoAsync("http://www.bing.com");
await page.ScreenshotAsync
浏览 5提问于2021-05-19得票数 4
回答已采纳
2回答
Webkit浏览器显示空白
、、、、
我正在使用playwright在Webkit浏览器上显示SAPUI5应用程序。它在Chromium和Firefox上加载，它是空白的。我的代码如下所示： const playwright = require('playwright');
(async () => {
for (const browserType of ['chromium', 'firefox', 'webkit']) {
const browser = await playwright[browserType].launch();
浏览 147提问于2020-06-24得票数 0
我正在尝试使用java运行我的第一个剧作家跟踪，并且我得到了下面的错误，我不知道我遗漏了什么，我正在用Intlij运行mu代码
Playwright playwright = Playwright.create();
Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setHeadless(false));
BrowserContext browserContext = browser.newContext();
browserContex
浏览 5提问于2022-06-06得票数 1
如何使用Playwright Sharp接受下面这样的对话框？
我似乎在Playwright Sharp的文档中找不到任何东西，但是Playwright (JS)的文档描述了如何为对话框添加事件处理程序：
page.on('dialog', dialog => dialog.accept());
剧作家夏普也有类似的方法吗？
浏览 119提问于2021-02-15得票数 1
1回答
我使用的反应电子样板和安装剧作家后，使用“installing剧作家”，我得到了23个错误，当我试图打包它，开发是好的。谢谢
[0] ERROR in ./node_modules/playwright-core/bin/README.md 1:4
[0] Module parse failed: Unexpected token (1:4)
[0] You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See
浏览 13提问于2022-02-07得票数 0
如何在Playwright test runner中将不同的测试数据传递给测试？比如从csv文件中发送测试数据？
浏览 26提问于2021-06-24得票数 0
我无法运行azure函数，在我将其发布到Azure云之后调用剧作家测试。
例外情况如下
Playwright Test or Playwright was just installed or updated.
║ ║ Please run the following command to download new browsers: ║ ║
║ ║ playwright install ║ ║
║ ║ <3 Playwright Team ║
问题是我不知道如何运行playwright install。
有一些，但文档不包含详细信息。
所以我试着跟着
将铬浏览器%USE
浏览 12提问于2021-10-16得票数 3
我是playwright的新手，我试图获得选定的选项值，并使用Playwright将其更改为包含mat-select元素的mat-form-field的另一个选项。
我试过了
await page.selectOption('select#colors', { label: 'Blue' });
例如，selectOptions在mat选择元素上不起作用
<mat-form-field>
<mat-select id="selectColor" [formControl]="colcorselect" (clic
浏览 64提问于2021-07-19得票数 1
如何使用playwright-python监听新页面 在JavaScript中，它将被记录为： const playwright = require("playwright");
(async () => {
const browser = await playwright.chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
context.on("page", async newPage
浏览 482提问于2020-09-21得票数 3
我正在尝试执行mcr.microsoft.com/playwright:bionic docker容器中的脚本。 我已经暴露了端口5900，如下所示，但当我尝试使用vnc查看器localhost:5900时，无法连接到主机。我可以通过vnc查看器查看其他docker容器，如selenium/standalone-chrome执行，但不能查看playwright！ 如何查看playwright docker容器测试执行情况？有没有其他方式可以让我看到测试执行的实况？任何帮助都将不胜感激！ docker run --name playwright1 -it --rm --ipc=host --
浏览 97提问于2021-08-26得票数 0
有人知道在安装npx playwright install chromium依赖项之后以及在Google函数的生产环境中运行Node.js的方法吗？
是否有可能在已部署的Google函数中运行剧作家？我有一个在本地运行良好的已部署函数，但在部署时，该错误始终失败：
browserType.launch: Executable doesn't exist at /root/.cache/ms-playwright/chromium-1015/chrome-linux/chrome
有趣的是，在使用剧作家之前，我成功地使用Puppeteer成功地部署了Google功能。木偶师也使用铬，没有
浏览 6提问于2022-07-29得票数 0
我在java中使用剧作家，我有一个运行javascript的页面。打开后显示“装载”只有当这种情况消失时，才会出现要测试的内容。
因此，我想用选择器加载(iframe)，以检查文本“加载.”消失。虽然我可以为"headerMessage“等进行选择，但我无法使用被否定的regexp。这不可能吗？我做错了什么？
Frame frame = page.frame("tf_content").waitForSelector("#headerMessage :text-matches(\"!Loading...\")").ownerFrame()
浏览 4提问于2022-09-16得票数 0
回答已采纳
1回答
不能要求编剧
、、
正在尝试运行以下代码片段
const { it, expect } = require('@playwright/test');
it('is a basic test with the page', async ({ page }) => {
await page.goto('https://playwright.dev/');
const home = await page.waitForSelector('home-navigation');
expect(await home.innerText())
浏览 1提问于2020-10-12得票数 0
1回答
我需要能够更改url的主机头。我试过设置额外的头文件，但一直收到无效参数错误。 from playwright.sync_api import sync_playwright
def get_title():
with sync_playwright() as playwright:
browser = playwright.chromium.launch(headless=True)
context = browser.new_context(
user_agent="testing",
浏览 386提问于2021-08-03得票数 0
我正在使用带有C#绑定的Playwright编写一个测试，在等待元素输入没有文本时遇到了一个问题。在"add“操作之前，输入字段如下所示： ? 文章编号输入有编号“id=”，名称有名称“id=”--为了清楚起见。执行"add“操作后，输入字段中的文本将被清除： ? 清除输入的文本只需要几秒钟的时间，但Playwright并没有等待，而是在清除输入之前开始打字，这搞乱了我的测试。 我试着使用： await page.WaitForSelectorAsync("#Number >> text=");
await page.WaitFor
浏览 129提问于2021-09-14得票数 0
我正在使用playwright和js自动化一些测试。我发现，当我输入用户名和密码并单击登录时，用户名和密码就会被删除。知道为什么会这样吗？
浏览 71提问于2021-11-12得票数 0
当我通过普通的Python解释器运行它时，Playwright在我的机器上工作，但当我试图将它部署为Azure函数时，我得到了错误。
我正在尝试遵循说明，但我得到了"webkit" browser was not found. Please complete Playwright installation via running "python -m playwright install"，我认为这是一个错误，如果你使用npm的话是不会发生的。
我已经尝试创建了一个azure devops Pipeline，它包含以下步骤：
- bash: |
浏览 2提问于2020-11-16得票数 1
我试图使用scrapy-playwright从动态加载的javascript网站中提取一些数据，但我在一开始就坚持了下来。
从我在settings.py文件中面临的测试结果来看，如下所示：
#剧作家
DOWNLOAD_HANDLERS = {
"http": "scrapy_playwright.handler.ScrapyPlaywrightDownloadHandler",
"https": "scrapy_playwright.handler.ScrapyPlaywrightDownloadHand
浏览 67提问于2021-12-08得票数 3
1回答
我有使用过async/ await的C#背景。我正在尝试寻找一种使用库进行编程的“较少冗长”的方法。(特别是用于浏览器自动化的Microsoft Playwright库) let (~~) = Async.AwaitTask
let getLastPageNumber(page: IPage) =
let playwright = ~~Playwright.CreateAsync() |> Async.RunSynchronously
let browser = ~~playwright.Chromium.LaunchAsync(new BrowserTypeLaun
浏览 10提问于2021-10-05得票数 5
回答已采纳
1回答
我只是试图从页面中抓取标题，但是装载page.inner_html('body')的html并不包括所有的html。我认为它可能是从JS加载的，但是当我在dev tools中查看network时，我似乎找不到json，也找不到它是从哪里加载的。我也尝试过硒，所以我肯定做错了什么。
因此，列表中没有出现任何项目，但常规HTML显示得很好。等待内容加载的数量不多，将加载信息。
#import playwright
from playwright.sync_api import sync_playwright
url = 'https://order.mandarake.c
浏览 4提问于2022-09-26得票数 1
回答已采纳
当您转到这个时，页面将运行一些javascript，然后自动重定向到。我很难从剧作家那里得到最后的url。
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch()
page = browser.new_page()
page.goto("https://scnv.io/760y", wait_until="networkidle")
print(page.url)
浏览 3提问于2022-06-25得票数 2
回答已采纳
我使用npm init vue@latest创建了一个新的Vue应用程序(基于Vite )，并为e2e测试选择了剧作家。生成的配置文件提供了一个设置无头模式的字段。
const config: PlaywrightTestConfig = {
// ...
use: {
// ...
headless: !!process.env.CI,
},
// ...
};
但我不知道如何设置这个env变量。生成的脚本
"test:e2e": "playwright test",
不以无头模式运行。所以我试着在运行之前设置这个变量。我试过的
浏览 7提问于2022-11-29得票数 2
1回答
我是Javascript和剧作家的新人。我按照指南中的第一个示例编写了以下代码：
const { test, expect } = require('@playwright/test');
test('basic test', async ({ page }) => {
await page.goto('https://playwright.dev/');
const title = page.locator('.navbar__inner.navbar__title');
await expect
浏览 8提问于2021-12-09得票数 0
回答已采纳
1回答
我在F#中使用剧作家进行网络报废，我注意到结果是随机返回的。我有这个密码。
let getContent (url:string) =
task{
use! paywright = Playwright.CreateAsync()
let! browser = paywright.Chromium.LaunchAsync()
printfn "URL %A" url
let! page = browser.NewPageAsync()
page.SetDefaultTimeout(15000f)
let! goto = page
浏览 11提问于2022-09-28得票数 0
我的框架(Locust，)是基于gevent和greenlets的。但是我想利用剧作家()，它是建立在异步之上的。
天真地使用Playwright同步api不起作用，并给出了一个例外：
playwright._impl._api_types.Error: It looks like you are using Playwright Sync API inside the asyncio loop.
Please use the Async API instead.
我正在寻找一些关于如何将异步与gevent结合使用的最佳实践。
我尝试过几种不同的方法，但我不知道自己是否很亲近，或者我想做的事情
浏览 12提问于2021-11-08得票数 1
回答已采纳
如何使用Playwright下载文件？ 我知道这个问题，How to catch a download with playwright?，但是示例代码不起作用。使用最新发布的Playwright，浏览器实例上没有'pageTarget‘函数： const client = await browser.pageTarget(page).createCDPSession();
浏览 275提问于2020-03-29得票数 3
回答已采纳
我正在尝试创建一个剧作家测试(在javascript中)，它使用类的页面对象模型，但是测试和页面对象模型不在同一目录路径中。
我遇到的问题是找不到我的页面对象模型类文件。错误是Error: Cannot find module './pom/home-page'。我错过了什么或者做错了什么？
我的文件设置和路径结构如下：
/package.config.js
...
const config = {
testDir: './test/playwright',
...
/test/playwright/pom/home-page.js
const { exp
浏览 4提问于2022-03-28得票数 1
回答已采纳
在下面的代码中，我得到的是生成器对象。
<generator object a at 0x7feb40b2d7b0>
from playwright.sync_api import sync_playwright
def get_playwright():
with sync_playwright() as playwright:
yield playwright
print(get_playwright())
但是当我使用pytest时，我得到的是一个类对象。
<class 'playwright.sync_api._generated.
浏览 17提问于2022-04-27得票数 -1
回答已采纳
1回答
我在剧作家的 API上遇到了麻烦。我还希望能够将传递到公开函数中，以便能够通过公开函数的上下文导航、使用定位器等。
问题是公开函数中的Page实例以某种方式与原始函数“断开”，并且不执行导航、定位器等操作。对Page方法的任何调用似乎都会无限期地被阻止。
考虑一下这个简化的例子：
from playwright.sync_api import sync_playwright, Page
from functools import partial
def search_title(page: Page, title: str):
print(title)
page.goto(
浏览 37提问于2022-06-28得票数 2
回答已采纳
你可以在这里测试它：
import os
from playwright.sync_api import sync_playwright
def run(playwright):
browser = playwright.chromium.launch(headless=False, devtools=True)
context = browser.new_context()
page = context.new_page()
page.goto("https://thomas-guettler.de/htmx-snippets/load-frag
浏览 7提问于2021-03-19得票数 0
我正在使用xuint将一些剧作家测试从js中的visual studio代码移植到visual studio C#。
我似乎无法让expect命令在visual中工作。
在javascript项目中，我将执行以下操作来检查包含某些文本的元素：
await expect(page.locator('elementtofind')).toContainText('myText');
在C#中，如果我编写相同的内容，在expect命令的当前上下文中不存在‘名称’标识符‘错误
在JS项目中，我的import语句是
import { test, expect } from
浏览 2提问于2022-10-12得票数 2
2回答
我有一套用编写的测试。我正在尝试从一个单独的测试套件中执行这些测试。在这组单独的测试中，我需要检查原始结果的结果。这就引出了以下目录结构：
/
/checks
checks1.spec.js
/tests
tests1.spec.js
tests2.spec.js
playwright.config.js
我的文件看起来是这样的：
playwright.config.js
// @ts-check
const { devices } = require('@playwright/test');
/**
* @see https:/
浏览 14提问于2022-03-08得票数 4
1回答
我正在尝试自动化一个场景，其中在服务中查询DB并将数据呈现到UI上。这个渲染过程花费了大量的时间(大约3分钟)。Playwright不会等到页面加载完成。我试着用 await page.waitForLoadState();,
await page.waitForLoadState('networkidle');
await page.waitForLoadState('domcontentloaded'); and
await page.setDefaultNavigationTimeout(150); 我正在开发一个angular应用程序，我有很多场景，
浏览 87提问于2021-07-14得票数 1
回答已采纳
我为一些剧作家测试了一个NUnit测试项目，在那里我正在测试一个需要登录的网页。因为它需要登录，所以我需要使用一些用户名和密码。这些测试都是作为发布管道的一部分运行的，但也应该可以通过端点获得，这样就可以作为CRON作业来触发它们。我的整个解决方案如下所示：
对于像这样的appsettings.json：
{
"TestUser": {
"Username": "",
"Password": ""
}
}
在测试类AdminWebTests.cs中，通过注入Configuratio
浏览 7提问于2022-08-19得票数 0
如何在Playwright-java中上传文件？如何使用playwright-java将文件从系统上传到uploadFile上的web应用程序
浏览 29提问于2021-03-11得票数 0
我的目标是在Bitbucket管道上为剧作家启用，所以我希望在缓存的同时使用并行步骤。我的bitbucket-pipelines.yml脚本如下所示：
image: mcr.microsoft.com/playwright:v1.25.0-focal
definitions:
caches:
npm: $HOME/.npm
browsers: ~/.cache/ms-playwright #tried $HOME/.cache/ms-playwright ; $HOME/ms-playwright ; ~/ms-playwright
steps:
- step
浏览 1提问于2022-08-26得票数 0
回答已采纳
我刚刚开始使用剧作家，但是我被用于运行测试的cli命令(例如npx playwright test )和添加到package.json中的命令搞混了。
{
"scripts": {
"pretest": "tsc --incremental -p tests/tsconfig.json",
"test": "playwright test -c tests-out"
}
}
我知道我可以在这里运行npm test，但是当我只是在终端中运行playwright test -c tests-ou
浏览 8提问于2022-05-25得票数 1
5回答
我试图用Python和剧作家的“无限滚动”自动抓取一个站点。
问题是，剧作家目前还不包括滚动功能，更不用说无限的自动滚动功能了。
根据我在网络上的发现和我的个人测试，我可以使用page.evaluate()函数和一些Javascript代码来自动化无限或有限的滚动。
例如，这起作用是：
for i in range(20):
page.evaluate('var div = document.getElementsByClassName("comment-container")[0];div.scrollTop = div.scrollHeight')
浏览 4提问于2021-09-14得票数 9
回答已采纳
1回答
在剧作家中，如何设置“无头=假”。我正在尝试这样的方法。
def start_requests(self):
yield scrapy.Request(
url=url,
callback = self.parse,
meta= dict(
playwright = True,
playwright_include_page = True,
playwright_page_co
浏览 10提问于2022-04-01得票数 0
我正在使用playwright自动化Firefox的一些测试。我使用下面的启动代码： const { firefox } = require('playwright');
(async () => {
const browser = await firefox.launch();
// Create pages, interact with UI elements, assert values
await browser.close();
})(); 但是它不能执行。以下是记录的错误： (node:756) UnhandledPromiseRe
浏览 569提问于2021-04-07得票数 0
回答已采纳
1回答
我试图在Javascript中使用剧作家，并努力使page.locator ()函数正常工作。
我在visual代码的命令终端中创建了与节点testLocator.js一起运行的文件.\testLocator.js。
我的代码：
const { test, expect } = require('@playwright/test');
const playwright = require('playwright');
const delay = ms => new Promise(res => setTimeout(res, ms));
(asy
浏览 4提问于2022-07-14得票数 0
我正在使用Robotframework和浏览器库来自动化web上的一些任务。我曾经使用Selenium，对于selenium，有一种获取日志的方法，例如，在发生故障时：
driver = webdriver.Remote()
logs = driver.get_log('browser')
我一直在努力寻找一种方法来使用剧作家的浏览器库来做同样的事情。有可能吗？
浏览 8提问于2022-05-02得票数 0
回答已采纳
1回答
在每个页面开始执行自己的javascript之前，我想运行一系列异步page.evaluate()函数。页面类提供类似的东西，在通过page.add_init_script(script[, arg])执行客户端代码之前，向每个页面注入一个javascript文件。我试图通过纯python复制同样的逻辑。
如果函数快速执行，则将简单的钩子连接到框架和框架中，但一旦异步实际等待，它就会继续对页面脚本进行评估。在handle_frame返回之前，是否有方法阻止该帧处理客户端javascript？
工作守则(无种族条件)：
async with async_playwright() as p
浏览 7提问于2022-04-23得票数 0
我发现默认启动处于隐名模式，如何更改此默认设置，谢谢
def run(playwright):
chromium = playwright.chromium
path = r"C:\Users\xxx\AppData\Local\Google\Chrome\Application\chrome.exe"
arg = ["--start-in-incognito"]
user_data = r"C:\Users\xxx\AppData\Local\Google\Chrome\User Data\\"
# --
浏览 11提问于2022-03-26得票数 1
1回答
我有一个基类
public class PlaywrightFixture
{
public Task<IPlaywright> Playwright { get; set; } = default;
public Task<IBrowser> Browser { get; set; } = default;
private readonly PlaywrightFixture _playwrightFixture;
private static string _readonlyp
浏览 10提问于2022-03-23得票数 0
我使用剧作家测试多帐户浏览，因此利用代理和模拟地理位置，时区是有用的。但是一些网站如：仍然能够检测到我的公共ip，这会导致域名泄漏问题。有没有任何方法来模仿WebRTC的公共IP使用剧作家Java？
在这里，我可以模拟地理位置、时区等，但不能模拟WebRTC。
Playwright playwright = Playwright.create();
Browser browser = playwright.firefox().launch(new BrowserType.LaunchOptions().setHeadless(false));
BrowserContext brcx = bro
浏览 33提问于2022-08-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
