在playwright测试中切换选项卡
是指在自动化测试过程中，使用playwright库来模拟用户操作切换浏览器选项卡的行为。Playwright是一个跨浏览器的自动化测试工具，它支持多种主流浏览器，包括Chrome、Firefox和Safari。
切换选项卡在测试中是非常常见的操作，因为很多网页应用程序会使用多个选项卡来展示不同的内容或功能。下面是一个完整的步骤来在playwright中切换选项卡：
- 打开目标网页：
在测试开始时，使用playwright的
browser对象创建一个新的浏览器实例，并使用browser.newPage()方法创建一个新的页面对象。 - 打开目标网页：
在测试开始时，使用playwright的
browser对象创建一个新的浏览器实例，并使用browser.newPage()方法创建一个新的页面对象。 - 获取所有选项卡：
使用
browser.pages()方法获取当前打开的所有选项卡，这将返回一个包含所有选项卡页面对象的数组。 - 获取所有选项卡：
使用
browser.pages()方法获取当前打开的所有选项卡，这将返回一个包含所有选项卡页面对象的数组。 - 切换选项卡：
可以通过索引或页面标题来选择要切换的选项卡。
使用
page.bringToFront()方法将选项卡置于前台。 - 切换选项卡：
可以通过索引或页面标题来选择要切换的选项卡。
使用
page.bringToFront()方法将选项卡置于前台。
这样，你就可以在playwright测试中成功切换选项卡了。
关于playwright的更多信息和详细介绍，你可以参考腾讯云提供的Playwright产品文档： Playwright 产品文档
注意：腾讯云目前并未提供与Playwright相关的产品和服务。
相关·内容
我刚刚开始使用剧作家，但是我被用于运行测试的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
如何使用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
同时输入以下命令
npx playwright test --browser=firefox
发生此错误
Error: Cannot use --browser option when configuration file defines projects. Specify browserName in the projects instead.
at Loader._processConfigObject (D:\Playwright class\LoginTest\node_modules\@playwright\test\lib\loader.js:105:69)
at Loader.
浏览 10提问于2022-11-14得票数 0
在下面的代码中，我得到的是生成器对象。
<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
回答已采纳
我无法在我的.env测试中从playwright文件中获得url值，在运行测试时，它正在抛出未定义的错误baseURL，有人能就此问题提出建议吗？TypeError:无法读取未定义的属性“baseURL”
10 | test('Access the Playwright Page', async ({ page }) => {
11 | const playwrightDev = new PlaywrightDevPage(page);
> 12 | await playwrightDev.goto(Config.baseURL);
|
浏览 17提问于2022-02-25得票数 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
我正在尝试使用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
我刚刚安装了剧作家(v1.18.1)来试用它(Windows 11)，我觉得好像出了问题。我可以很好地运行example.spec.ts脚本，但是如果我复制该文件，然后尝试运行该副本，则会得到一个no tests found.错误。
台阶看起来很基本..。
首先测试运行C:\playwright\test\tests\example.spec.ts脚本..。
C:\playwright\test\tests>npx playwright test example.spec.ts
Running 25 tests using 1 worker
- example.spec.ts:
浏览 21提问于2022-02-09得票数 3
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
我正在寻找一种在像it's done in Cypress这样的Playwright中编写自定义命令的方法。Playwright的问题与one page相关，但我从未见过任何代码示例。 我正在编写一个测试用例，试图提高代码的可重用性。代码如下： import { test, chromium } from '@playwright/test';
config();
let context;
let page;
test.beforeEach(async () => {
context = await chromium.launchPersistentC
浏览 21提问于2021-11-15得票数 1
回答已采纳
我正在尝试创建一个剧作家测试(在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
回答已采纳
我正在尝试使用playwright测试在选项卡之间切换，但它不能控制窗口元素。我们在playwright中有没有类似selenium driver.switchto().window()的方法？ const { chromium } = require('playwright');
(async () => {
const browser = await chromium.launch({ headless: false, args: ['--start-maximized'] });
const context = await brow
浏览 881提问于2020-10-14得票数 3
回答已采纳
1回答
我目前正在尝试使用playwright和jest运行自动化测试。我正在尝试从csv文件加载多个配置(浏览器类型、分辨率、设备、url)，并根据每个配置或测试用例运行测试。jest和playwright能为我提供解决这个问题的方法吗？
浏览 55提问于2020-07-20得票数 1
如何使用Playwright Sharp接受下面这样的对话框？
我似乎在Playwright Sharp的文档中找不到任何东西，但是Playwright (JS)的文档描述了如何为对话框添加事件处理程序：
page.on('dialog', dialog => dialog.accept());
剧作家夏普也有类似的方法吗？
浏览 119提问于2021-02-15得票数 1
问题上下文
我试图在Python中以标题模式启动剧作家。
尽管设置了headless=False，但我仍然不能启动浏览器
现有代码
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
browser = p.chromium.launch(headless=False, slow_mo=100)
page = browser.new_page()
page.goto("https://www.google.com/")
输出
[D
浏览 5提问于2022-08-28得票数 0
1回答
剧作家-如何关闭PWDEBUG？
、、、、
我有一个简单的问题。 如何在运行'npx Playwright test‘时关闭playwright上的PWDEBUG 我在VS终端中添加了一个$env:PWDEBUG=1，测试一直运行到调试模式。我只想让测试运行。 有什么想法吗？
浏览 26提问于2021-11-22得票数 0
1回答
我在Win 10 x64上使用剧作家1.25.0与VisualStudioEnterprise2022一起运行以下测试：
[TestMethod]
public async Task LoadPlaywrightPage()
{
var playwright = await Playwright.CreateAsync();
var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions
{
Headless = false,
Channel
浏览 25提问于2022-09-08得票数 0
回答已采纳
我是剧作家的新手，由于某些原因，我无法让它拿起我的配置文件。
以下是问题所在：
虽然我已经将配置文件配置为获取视频，但没有视频输出到指定的目录。
浏览器是无头运行的，尽管配置文件将标题指定为false。如果我在测试文件(const browserChromium = await chromium.launch({ headless: false });)中将标题设置为false，则浏览器不会无头运行。
我猜想所有这些问题都与以下事实有关:我的配置文件没有被正确地拾取(因为浏览器是无头运行的，即使头文件设置为false)。
我通过WSL2在Ubuntu20.04上。剧作家1.12
浏览 3提问于2021-06-23得票数 2
回答已采纳
3回答
我正在尝试将我的剧作家自动化框架部署到一个码头容器中。但是，我假设浏览器不会启动(没有任何日志)。
当我在VS代码中本地运行我的测试时，它们如下所示：
当我在Docker容器中运行测试时，它们如下所示：
很明显，它是缺少谷歌Chrome或铬在线的开头。我假设浏览器没有启动。
我的dockerfile看起来如下：
# playwright:bionic has everything to run playwright (node, npm, chromium, dependencies)
#FROM mcr.microsoft.com/playwright:bionic
#COPY
浏览 17提问于2022-03-10得票数 1
当尝试使用pytest-异步和pytest-playwright执行UI自动操作时，我得到了异常，例如: RuntimeError:无法在另一个循环运行时运行事件循环。
代码结构：
ui2/conftest.py
ui2/test_bing.py
ui2/conftest.py
import pytest
import asyncio
@pytest.fixture(scope="session")
def event_loop():
"""重写event_loop"""
loop = asyncio.get
浏览 10提问于2022-05-25得票数 0
我从Amazon (市场web服务)的一个版本升级。
https://mws.amazonservices.com/Orders/2011-01-01
至
https://mws.amazonservices.com/Orders/2013-09-01
并开始获取以下错误：
您提供的AWS访问密钥Id在我们的记录中不存在。
所有的钥匙都是正确的，并且被检查过了。
浏览 2提问于2014-03-09得票数 1
我使用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回答
我有以下Dockerfile：
FROM mcr.microsoft.com/dotnet/runtime:5.0-buster-slim AS base
WORKDIR /app
FROM mcr.microsoft.com/dotnet/sdk:5.0-buster-slim AS build
WORKDIR /src
COPY ["PlaywrightSharp.csproj", "PlaywrightSharp/"]
RUN dotnet restore "PlaywrightSharp/PlaywrightSharp.csproj"
浏览 6提问于2022-01-12得票数 1
2回答
我正在将一些测试套件从Protractor迁移到剧作家，但是当我尝试使用以下命令运行剧作家测试时，会继续得到这个错误：
npx playwright test --project=testProject
Error: No named projects are specified in the configuration file
知道我在这里错过了什么吗？
这就是我的playwright.config.ts的样子：
const config: PlaywrightTestConfig = {
reporter: [['list'], ['html', {
浏览 16提问于2022-01-07得票数 0
我想测试并发访问，所以我需要一个测试来用两个客户端(也就是selenium中的驱动程序)编写测试。酱汁在一次测试中是否支持多个司机？
如果是，哪一个将显示在视频和屏幕截图上？
浏览 0提问于2015-10-06得票数 0
回答已采纳
1回答
我在reactjs web应用程序上做过编剧axe网络可访问性测试，下面是使用剧作家和axe的代码。当我尝试在终端中运行命令"npx axe“时，它会运行App.test.ts，如果我提供了路径，它将显示使用0 workers运行的0测试。
//a11y.specs.ts
import { chromium, Browser, Page } from "playwright";
import { test } from "@playwright/test";
import { injectAxe, checkA11y } from "axe-pl
浏览 6提问于2022-09-02得票数 0
我正在寻找一个好的PageObject示例：：
这是我正在尝试的一个样本。但是当我从另一个文件开始测试时...InstallAsync()开始测试，当然会失败，因为ipage为空
为什么没有返回ipage对象？
public async Task<IPage> LaunchChrome()
{
await Playwright.InstallAsync();
using var playwright = await Playwright.CreateAsync();
a
浏览 6提问于2021-01-16得票数 1
我正在学习剧作家，并试图在测试运行程序中将数据从一个测试块传递到另一个测试块。守则如下：
let text = "some text";
let arr = [];
let num;
function data(name) {
text = name;
arr.push(text);
console.log(text);
num=text;
}
test.describe("test", async () => {
test.beforeAll(async () => {
const browser = await chr
浏览 11提问于2022-09-27得票数 0
我是一个新来的打字员，我很想弄明白为什么我会犯这个错误：
在文件的顶部，我从剧作家导入expect：import {expect} from "@playwright/test";
如所示，此函数来自@playwright/test声明文件test.d.ts中的test.d.ts。但是，我似乎能够使用“`expect to .d.ts”中的任何断言，而不存在错误。
我尝试在我的package.json中将以下内容作为开发工具和标准依赖项安装：
"dependencies": {
"@playwright/test": "^1
浏览 10提问于2022-11-25得票数 1
我的Playwright配置文件似乎未正确使用。当我运行我的test命令时，我确保指向我的配置文件(名为：playwright.config.ts，使用--config)，并且终端验证是否正在使用该文件。 但是，唯一的retries设置显示为有效。超时设置更改不会应用，并且在测试其设置为"on“或"only-on-failure”后不会生成屏幕截图。如果没有outputDir设置，也不会生成文件夹。 TypeScript没有在我的配置文件中出现任何错误，所以我不知道哪里出了问题。配置文件位于与我的测试相同的文件夹中，它不在根目录下。 我将文件移到了根目录下，也遇到了同样的问题
浏览 34提问于2021-07-20得票数 0
我试图在网格上实现Playwright组件测试。以下是组件测试：
import { test, expect } from "@playwright/experimental-ct-react";
import InvoicesTable from "../../../../src/shared/inventory/InvoicesPage/InvoicesTable/InvoicesTable";
import mockComponentInvoices from "../../../../src/shared/inventory/mocks/co
浏览 7提问于2022-08-29得票数 0
我试图使用剧作家自动下载PDF文件，我有使用Selenium的代码，但是剧作家的一些特性引起了我的注意。真正的问题是没有帮助的。当我点击下载时，我得到以下信息：
而且我不能改变下载的目录，当浏览器/上下文关闭时，它也会删除“文件”。使用剧作家，我可以实现一个很好的下载自动化？
代码：
def run(playwright):
browser = playwright.chromium.launch(headless=False)
context = browser.new_context(accept_downloads=True)
# Open new pag
浏览 1提问于2021-07-16得票数 7
回答已采纳
我使用specflow和c#创建了一个项目。代码没有问题，但在visual studio上使用测试资源管理器时，测试不会运行。当我进行测试时，结果总是说：
测试未运行
我为playwright和specflow安装了nuget包，看不到任何错误。是否需要其他组件才能运行测试？我正在使用playwright.net和c#，如果有任何建议，请提供示例特性文件：
Feature: feature example
@mytag
Scenario: Open test
Given the test page is open
When I navigate to the links p
浏览 8提问于2021-11-23得票数 0
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
我遵循中提供的示例
在我的yml文件中，有以下代码
jobs:
test:
timeout-minutes: 60
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v2
with:
node-version: '16.x
然后，我只编辑了这里的版本，以匹配当前的版本。
- name: Cache playwright binaries
uses: actions/cache@v2
id: playwright-cache
with:
浏览 8提问于2022-03-18得票数 3
如何在Playwright test runner中将不同的测试数据传递给测试？比如从csv文件中发送测试数据？
浏览 26提问于2021-06-24得票数 0
1回答
我试着刮这一页：
我尝试了PhantomJS+BeautifulSoup (失败)，然后剧作家抓取页面的全部内容，但是我看不到到扩展的链接。它们是否只在游标停留在它们上面时才生成？有办法抓到他们吗？
下面是我使用的剧作家代码：
from playwright.sync_api import Playwright, sync_playwright, expect
def run(playwright: Playwright) -> None:
browser = playwright.chromium.launch(headless=True)
context = br
浏览 4提问于2022-11-09得票数 1
回答已采纳
2回答
我在C#中创建了一个小的剧作家程序，它提交一个Url，在返回的文档上找到一个按钮，在该文档上选择一个按钮，然后‘单击’它。如果我使用Fiddler，我可以看到'click‘生成一个显示JSON被返回的帖子，但是我似乎找不到任何允许我返回这个JSON的剧作家方法或例程。下面是片段：
IPlaywright playwright = await Playwright.CreateAsync();
IBrowser browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions
{
Headle
浏览 32提问于2022-03-05得票数 0
2回答
我面临剧作家配置的问题。测试方案放在项目目录下，但在执行过程中没有发现任何测试。
@playwright/testnpx剧作家installExecution : npx剧作家测试
浏览 0提问于2021-09-25得票数 2
我使用剧作家dotnet构建了一个工具，它在本地运行得很好。我试图在我的Windows服务器上部署它，以便其他人可以使用它，问题是如何在服务器上正确安装无头浏览器。
如果我在服务器上的Windows中执行上的所有快速启动任务，那么在执行playwright install步骤之前，一切都会进行得很顺利。在这一点上，我得到以下错误：
未处理异常: System.IO.FileNotFoundException:无法加载文件或程序集'System.Runtime，Version=5.0.0.0.
即使我尝试输入命令dotnet add package System.Runtime，它也会
浏览 7提问于2021-08-11得票数 4
1回答
我在Azure中创建了一个简单的管道来运行剧作家测试，并显式地编码了两个失败测试中的一个。当这种情况发生在管道执行过程中，管道似乎挂起，我猜最终会超时(30分钟后，我取消了)。但是，当我执行成功的测试时，管道将成功退出。下面是我的yaml管道。有人知道为什么会发生这种事吗?我是不是漏了什么东西？
编辑:我把下面的行添加到我的playwright.config.ts文件中，任务现在就像我预期的那样失败了。默认的剧作家配置会在任何失败时打开html报告。有一群记者，你可以使用与剧作家，所以看看什么适合你()。
记者：[ 'html'，{ open：‘从不’} ]，
trigger:
浏览 3提问于2022-09-15得票数 0
1回答
我们有这个Dockerfile：
FROM mcr.microsoft.com/playwright:v1.20.0-focal
ADD ./sometest.e2e.spec.js /
RUN yarn add playwright && \
PLAYWRIGHT_BROWSERS_PATH=$HOME/pw-browsers npx playwright install && \
yarn add @playwright/test
RUN PLAYWRIGHT_BROWSERS_PATH=$HOME/pw-browsers ./node_mo
浏览 7提问于2022-09-05得票数 0
1回答
我用剧作家用Python抓取页面。我知道如何使用脚本来做同样的事情，但我是以交互的方式尝试的。
from playwright.sync_api import Playwright, sync_playwright, expect
import time
def run(playwright: Playwright) -> None:
browser = playwright.chromium.launch(headless=False)
context = browser.new_context()
page = context.new_page()
浏览 32提问于2022-08-07得票数 1
回答已采纳
有一种方法可以在Playwright test Runner中使用配置文件在测试用例失败时截取屏幕截图。我正在使用Jest作为Playwright测试的测试跑步器--有没有办法用Jest来实现同样的事情？
浏览 113提问于2021-07-01得票数 0
2回答
我创建了一个脚本并使用pyinstaller将它转换为一个.exe文件，但是在没有遇到以下错误的情况下无法运行.exe：
*Traceback (most recent call last):
File "main.py", line 31, in <module>
File "playwright\sync_api\_generated.py", line 11436, in launch
File "playwright\_impl\_sync_base.py", line 111, in _sync
File &
浏览 31提问于2022-03-17得票数 0
1回答
我正在尝试在Cucumber剧作家中实现诱惑力报告。我正在以另一种方式运行这些特性：
npm run test -- --tags "@Something"
执行后，我输入：npm run allure generate，但浏览器显示一个未知的NaN%诱惑力报告
这是我的package.json文件：
{
"name": "playwright",
"version": "1.0.0",
"description": "E2E Automation Framework",
浏览 7提问于2022-11-08得票数 0
：我正在尝试创建一个函数装饰器，它将一个剧作家Page(playwright.sync_api._generated.Page)对象)传递给包装好的函数。
发出：对于大多数函数调用，我将能够返回函数调用返回的值。但是，由于剧作家需要browser.close()调用，所以我不能简单地返回Page对象。我不确定问题是在(1)我定义的函数装饰器中，还是(2)函数装饰符的用法中。
我试着在pytest固定装置之后给我的装潢师做模特。使用pytest，我会做这样的事情：
@pytest.fixture(scope="module")
def playwright_page():
浏览 12提问于2021-04-19得票数 1
回答已采纳
我希望playwright尽早失败，并在一个http请求不是200或302时立即停止。 def test_it(live_server):
os.environ['DEBUG']='pw:api'
with sync_playwright() as playwright:
run_test_id(live_server, playwright)
def run_test_id(live_server, playwright):
browser = playwright.webkit.launch(headless=Fa
浏览 85提问于2021-03-20得票数 0
2回答
我一直在寻找软件，可以测量压力的视频卡。我有一个集成英特尔(R)高清图形卡，我想测试它。
有什么软件可以做到这一点吗？
我是运行Windows 7，可移植和免费软件是首选。
更新:我想要做的是:我想找出我的视频卡运行和不运行窗口航空(和其他visuaL效果)的压力。
浏览 0提问于2015-07-29得票数 3
回答已采纳
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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
