Playwright测试库-选择器的父元素
Playwright测试库是一个用于自动化测试的开源工具，它支持多种编程语言，包括JavaScript、TypeScript、Python和C#等。Playwright提供了一套强大的API，可以模拟用户在浏览器中的操作，如点击、输入、滚动等，以及获取页面元素的属性和内容。
在Playwright中，选择器的父元素是指在DOM树中，某个元素的直接上级元素。通过指定父元素，可以更精确地定位目标元素，从而进行相关的操作和断言。
选择器的父元素在自动化测试中具有以下优势：
- 精确定位：通过指定父元素，可以准确地定位目标元素，避免了使用相对路径或全局选择器可能带来的不确定性。
- 提高测试稳定性：选择器的父元素可以作为一个稳定的参考点，当页面结构发生变化时，只需要调整父元素的选择器，而不需要修改所有相关的元素选择器。
- 提高测试效率：通过选择器的父元素，可以缩小搜索范围，减少元素查找的时间，从而提高测试的执行速度。
在实际应用中，选择器的父元素可以用于各种场景，例如：
- 表单填写：通过指定表单元素的父元素，可以更方便地定位和填写表单字段。
- 弹窗处理：通过选择器的父元素，可以准确地定位弹窗中的元素，进行相关的操作和验证。
- 列表操作：通过选择器的父元素，可以定位列表中的某个特定项，进行点击、验证等操作。
腾讯云提供了一系列与自动化测试相关的产品和服务，其中包括：
- 腾讯云测试服务（https://cloud.tencent.com/product/ts）：提供了全面的测试解决方案，包括性能测试、安全测试、功能测试等，可满足不同场景的测试需求。
- 腾讯云云测（https://cloud.tencent.com/product/tc）：提供了一站式的移动应用测试服务，支持自动化测试、性能测试、兼容性测试等，帮助开发者提高移动应用的质量和稳定性。
通过使用Playwright测试库和腾讯云的测试服务，开发者可以实现自动化测试的全流程，提高软件质量和开发效率。
相关·内容
我正在尝试用python playwright编写登录网站的脚本，这是我的代码： import json
import sys
import bs4
import urllib.parse
link = 'https://secure.libertycable.com/login.php'
from playwright.sync_api import sync_playwright
with sync_playwright() as p:
#browser = p.chromium.launch()
context = browser.new_contex
浏览 43提问于2021-06-25得票数 1
我有一个Ionic React应用程序，它使用react-router 5显示各种页面。
应用程序默认为登录表单，但是如果用户转到支持页面，就会有一个联系人表单。
我试图用这样的代码在剧作家中测试联系人表单：
await page.fill('input[name=mail]', 'playwright@example.com');
但是，我得到了一个错误：
=========================== logs ===========================
waiting for selector "input[name=mai
浏览 12提问于2022-03-04得票数 3
回答已采纳
2回答
我面临剧作家配置的问题。测试方案放在项目目录下，但在执行过程中没有发现任何测试。
@playwright/testnpx剧作家installExecution : npx剧作家测试
浏览 0提问于2021-09-25得票数 2
2回答
我试图使用一个链接来提交一个表单，关键是我不知道表单的名称。我似乎无法导航到我的表单对象。
$('a#deleteRecord').click(function(){
var $target = $(this).parent().next('form');
$target.submit();
});
从是。
<form method="post" action=" <?php echo $_SERVER['PHP_SELF'] ?>" >
<input type="hidde
浏览 6提问于2014-02-13得票数 3
回答已采纳
我正在使用带有C#绑定的Playwright编写一个测试，在等待元素输入没有文本时遇到了一个问题。在"add“操作之前，输入字段如下所示： ? 文章编号输入有编号“id=”，名称有名称“id=”--为了清楚起见。执行"add“操作后，输入字段中的文本将被清除： ? 清除输入的文本只需要几秒钟的时间，但Playwright并没有等待，而是在清除输入之前开始打字，这搞乱了我的测试。 我试着使用： await page.WaitForSelectorAsync("#Number >> text=");
await page.WaitFor
浏览 129提问于2021-09-14得票数 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
同时输入以下命令
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
我正在实践Playwright和Scrapy的集成，然而，我的刮板只返回一个项目。我不知道我的xpath是不是错了？因为我得到了以下输出：
2022-01-04 21:41:24 [scrapy.core.scraper] DEBUG: Scraped from <200 https://www.jobsite.co.uk/jobs/Degree-Accounting-and-Finance>
{'items': 'Up to £26,000 per annum'}
我正试图从一个动态网站中获取薪水，下面是我尝试过的脚本：
import scrapy
浏览 0提问于2022-01-04得票数 0
2回答
我正在使用Playwright库从一个网站获取数据。问题是，网站在打开时会显示弹出窗口，这会导致进程卡住，因为由于弹出窗口，程序无法获得任何按钮。
有没有办法在每次弹出窗口出现时使用playwright将其关闭？
编辑：
页面正在创建弹出窗口。我检查了页面，了解到他们没有使用pop的模式，而是编写了内联css，并将div装饰为弹出窗口。
浏览 5提问于2021-10-15得票数 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
回答已采纳
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
1回答
你好，我试着做一个截图与剧作家，但我有饼干欧盟法律弹出在我的截图。如何删除它们？ 以下是我的浏览器参数。 const browser = await playwright.firefox.launch({
headless: true,
firefoxUserPrefs: {
"network.cookie.cookieBehavior": 2
}
}); 但它不起作用。谢谢你的帮助。
浏览 23提问于2020-07-23得票数 0
回答已采纳
1回答
无法运行剧作家“编写断言”示例
、、、、
TL;DR
无法从页面获得“写断言”示例才能工作。
完整的故事
我正在看编写测试。我正在研究示例，并且示例2(编写断言)存在问题。我是在我的工作机器(macOS)上这样做的，还没有机会在我的Linux机器上尝试，如果这有什么区别的话。
有关的例子是：
// example.spec.js
const { test, expect } = require('@playwright/test');
test('my test', async ({ page }) => {
await page.goto('https://playwright.d
浏览 1提问于2021-08-20得票数 0
回答已采纳
我无法在我的.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
回答已采纳
2回答
我记得不久前在网上看过一段视频，那是雅虎的一位工程师的演讲，他在视频中提到CSS选择器是由浏览器读取的，从右到左，而不是从左到右。这意味着#body .header .links a实际上会取出页面上的所有锚点，过滤那些具有links类的父类的锚点，这些锚点的父类是header的父类，而这些父类的父类的id为body。
我找不到视频，我想知道是否有人有任何参考资料来加强这一点，或者它是不正确的？这不是意味着像#body .header .links li a这样的东西实际上比只说#body .links a慢吗？假设两者都能在给定的页面上工作。
浏览 2提问于2010-02-24得票数 2
回答已采纳
3回答
我正试图理解jquery中find()和最近()之间的区别。下面是我使用jquery的简单代码。*这只是一个虚拟表单。我只想了解他们之间的区别。所以别以为我会用这个简单的表格做什么。*
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
function myFunction(){
var form
浏览 2提问于2017-05-31得票数 9
回答已采纳
1回答
可以在Playwright中添加自定义选择器吗？(C#格式的优先选项)
例如，我们的应用程序使用HTML语言中的自定义属性[data-automation-name=SOMENAME]，每次编写它都有点麻烦：
page.FillAsync("[data-automation-name=SOMENAME1]", "1");
page.FillAsync("[data-automation-name=SOMENAME2]", "2");
page.FillAsync("[data-automation-name=SOMENAM
浏览 4提问于2021-11-25得票数 0
我刚刚安装了剧作家(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
如何使用单个定位器短语使用Playwright找到元素？
我的要点是：
你好
我希望按其类别和案文找到该元素：
myElement = self.page.locator('text="Hello",[class="DClass"]')
为什么不起作用？
浏览 1提问于2022-08-25得票数 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
1回答
所以，我对此有一些问题。我有多个具有相同类的父div，我希望当每个父div中的元素有类"selected_tip“来显示该元素的父元素的父元素时。如何做到这一点。请记住，id是迪纳莫的。我的代码是：
<div class="tip">
<div id="tip_1" class="tt tip1">
<p>Proaspete</p>
<span class="select_tip select_copt "></s
浏览 1提问于2015-08-27得票数 0
回答已采纳
我正在使用playwright和js自动化一些测试。我发现，当我输入用户名和密码并单击登录时，用户名和密码就会被删除。知道为什么会这样吗？
浏览 71提问于2021-11-12得票数 0
我的页面在可滚动的div中包含一个窗体。在表格中有几个内裤。如果我在打开数据启动器时滚动，它们就不会使用div的内容滚动。
我在网上找到了上百篇同样的文章，但是没有一个解决方案在我的环境中有效。
这个小把戏演示了我的问题：
这个jsfiddle演示了一个补丁：
$("input").datepicker({
beforeShow: function(input, obj) {
$(input).after($(input).datepicker('widget'));
}
});
修复是在jQuery v1.7.2中完成的，我使用的是v1.10.2和j
浏览 3提问于2013-10-07得票数 4
回答已采纳
我正在使用Robotframework和浏览器库来自动化web上的一些任务。我曾经使用Selenium，对于selenium，有一种获取日志的方法，例如，在发生故障时：
driver = webdriver.Remote()
logs = driver.get_log('browser')
我一直在努力寻找一种方法来使用剧作家的浏览器库来做同样的事情。有可能吗？
浏览 8提问于2022-05-02得票数 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
我使用剧作家编写了一段代码，可以在aliexpress网站上自动执行一些操作。
网站：
下面是我编写的脚本，用于在解析站点数据之前自动更改国家的操作
from playwright.sync_api import sync_playwright
def main():
with sync_playwright() as p:
browser = p.chromium.launch(headless=False)
context = browser.new_context()
page = context.new_page()
浏览 7提问于2022-05-29得票数 1
我试图得到一个div来显示什么时候链接是悬停的。
也会有多个类，所以只有最近的类才会显示。
这就是我想要的：
$(".box").hover(function() {
$('.overlay').closest.show();
});
<div class="event" id="selector">
<a class="box" href="#" title="">
浏览 7提问于2013-09-27得票数 2
回答已采纳
1回答
我目前正在尝试使用playwright和jest运行自动化测试。我正在尝试从csv文件加载多个配置(浏览器类型、分辨率、设备、url)，并根据每个配置或测试用例运行测试。jest和playwright能为我提供解决这个问题的方法吗？
浏览 55提问于2020-07-20得票数 1
2回答
我使用。
当我删除一个元素时，我会在已删除的元素下面得到该元素：
var elementBeneathDroppedElement = document.elementFromPoint(event.clientX, event.clientY);
但是elementBeneathDroppedElement只是具有多个div的整个div的一个片段。这实际上取决于用户将其元素放在何处，以及我作为下面的下拉元素返回了哪些元素。
这是容器上一个典型元素的结构，其中我删除了其他元素：
<div class="refOptionItem" >
<div cl
浏览 0提问于2015-01-26得票数 0
回答已采纳
我使用的是Playwright的C#语言绑定。
示例HTML：
<select id="txtType" name="Type" class="form-control">
<option>Blog Posts</option>
<option>Books</option>
<option>Presentations</option>
<option>Videos</option&g
浏览 0提问于2021-02-11得票数 3
2回答
我正在使用jest-playwright库()执行端到端测试。在jest.config.js文件中，您可以设置一个选项来忽略SSL错误：
contextOptions: {
ignoreHTTPSErrors: true,
}
在使用jest运行测试时，这可以很好地工作。
现在，我希望playwright在使用npx playwright codegen example.com命令点击网站元素时生成代码。但是，playwright会因为打开网站时出现SSL错误而停止。
在使用playwright代码生成时，是否有忽略SSL错误的选项？
浏览 106提问于2021-04-12得票数 2
2回答
我有一个导航栏，由父级别的LI元素组成。包含子页面的每个部分都嵌入了另一个无序列表。在查看子元素的页面时，子元素LI获取类“active”，但父元素没有。如何使用jQuery或CSS将活动类也分配给父项？
浏览 3提问于2011-05-03得票数 0
我刚开始使用PlayWright学习.Net，并且在查询表方面遇到了问题。选择和查询表然后获取其内容的正确选择器是什么？
这是表，这个表的内容在<tbody>中，我想得到它。我该怎么做呢？谢谢你的建议。
浏览 7提问于2022-11-07得票数 0
我有两个元素具有相同的类名，如何在nightwatchjs中使用css-selcetor选择第二个元素？
client.assert.elementPresent('.ivu-menu-submenu-title') // true
client.expect.element('.ivu-menu-submenu-title: last-child').to.be.visible // false
浏览 1提问于2019-11-21得票数 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
回答已采纳
如何在CSS规则中添加任意选择器？
例如，假设我想让.effect类的每一项都变成红色，如果用户停留在#target上。我将如何实现这一点？是否有一个强有力的方法来解决这个问题？我知道一些事情，比如在#target中嵌套#target，或者使用同级选择器~和+，但是所有这些都依赖于某种方式来构造HTML。
这有可能吗？这似乎是比较直截了当的。如果不可能，有什么理由不可能吗？
我不想使用Javascript。
浏览 4提问于2017-02-22得票数 0
回答已采纳
2回答
我在页面上有一个或两个带有foo类的div。我只需要选择第二个，这意味着如果页面上只有一个，就不要选择它。
我尝试了div.foo:not(:first)和div.foo:nth-child(2)，但两者似乎都不起作用。
有什么想法吗？
浏览 1提问于2011-10-28得票数 1
回答已采纳
1回答
我在cypress工作了几个月，我习惯了使用data-auto-id，这在我的理解中基本上是唯一的选择器。
<button data-auto-id="my-nice-button">
然后我可以在柏树cy.get([data-auto-id='my-nice-button']...中选择它
现在，我尝试了剧作家，但是通过文本或类似的东西进行选择对我来说是相当不安全的。他们的网站上的例子：
await page.locator('article:has-text("Playwright")').click();
什么是
浏览 1提问于2022-01-28得票数 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
2回答
我有一个LI，里面有一堆东西
<li class="card">
<div class="thumb">
<img src="/images/adv-ipanema.png" alt="">
</div>
<div class="caption">
<p class="
浏览 1提问于2013-05-06得票数 2
回答已采纳
请看如何通过Playwright E2E库获取文本选择器的父元素。 最好是修改选择器(它是类似于>> //:parent的字符串)，或者计算选择器，然后调用DOM元素？ (选择器内容未知) 谢谢。
浏览 195提问于2021-01-12得票数 2
如何使用Playwright Sharp接受下面这样的对话框？
我似乎在Playwright Sharp的文档中找不到任何东西，但是Playwright (JS)的文档描述了如何为对话框添加事件处理程序：
page.on('dialog', dialog => dialog.accept());
剧作家夏普也有类似的方法吗？
浏览 119提问于2021-02-15得票数 1
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
回答已采纳
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
我是剧作家的新手，由于某些原因，我无法让它拿起我的配置文件。
以下是问题所在：
虽然我已经将配置文件配置为获取视频，但没有视频输出到指定的目录。
浏览器是无头运行的，尽管配置文件将标题指定为false。如果我在测试文件(const browserChromium = await chromium.launch({ headless: false });)中将标题设置为false，则浏览器不会无头运行。
我猜想所有这些问题都与以下事实有关:我的配置文件没有被正确地拾取(因为浏览器是无头运行的，即使头文件设置为false)。
我通过WSL2在Ubuntu20.04上。剧作家1.12
浏览 3提问于2021-06-23得票数 2
回答已采纳
1回答
因此，我在一些测试中遇到了一些问题，这些测试要求用户确认或取消一个引导模式对话框/弹出窗口。似乎每次我尝试通过Confirm或Cancel操作与.click或D1按钮交互时，测试运行程序就会在模式上冻结，然后几秒钟后，灰色的背景就开始上下滚动，而测试失败之后。根据我的观察，剧作家无法在引导模式窗口上执行.click操作，并试图在后台查找元素。起初，我认为可能会有一些简单的对话框处理程序，您可以在https://playwright.dev/docs/dialogs/#alert-confirm-prompt-dialogs上看到示例，但很快我就发现它们只引用浏览器对话框，而不是引导对话框。下面
浏览 0提问于2021-06-17得票数 3
回答已采纳
1回答
剧作家-如何关闭PWDEBUG？
、、、、
我有一个简单的问题。 如何在运行'npx Playwright test‘时关闭playwright上的PWDEBUG 我在VS终端中添加了一个$env:PWDEBUG=1，测试一直运行到调试模式。我只想让测试运行。 有什么想法吗？
浏览 26提问于2021-11-22得票数 0
也许我忽略了一件非常简单的事情，但我似乎无法找到一种方法来使用隐藏一个#面板div。不管我做什么，它都无济于事。我多次检查了所有代码，并加载了所有所需的库。我试图实现的是，如果用户使用鼠标对drop类和任何
类中的标记，则#面板将保持隐藏状态。当用户完全离开菜单时，我只想显示#面板。有人能指出我的错误吗。谢谢
HTML代码
浏览 3提问于2013-06-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
