puppeteer|自动化UI测试|JS|零基础入门（六）——等待waitFor

最新推荐文章于 2024-06-20 15:38:29 发布
最新推荐文章于 2024-06-20 15:38:29 发布
阅读量6k 收藏 13
点赞数 2
分类专栏： puppeteer 文章标签： js 软件测试 ui chrome devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42199131/article/details/114368748
版权
本文介绍了 Puppeteer 中的 `waitFor` 家族方法，包括 `waitForSelector`、`waitForXPath`、`waitForTimeout`、`waitForNavigation`、`waitForRequest` 和 `waitForResponse`。这些方法用于处理页面加载延迟和交互响应，如等待元素出现、页面导航完成、请求或响应到达。文章通过代码示例展示了如何利用这些方法进行更有效的自动化测试。
摘要由CSDN通过智能技术生成

话不多说，上代码

	//等待登陆按钮selector出现在页面中
	await page.waitForSelector(SELECTOR.LOGIN_BTN)
	//页面等待3秒
	await page.waitForTimeout(3000)
	//等待登录按钮XPath出现在页面中
	await page.waitForXPath(XPATH.LOGIN_BTN)
	await page.goto(url)
	//等待页面加载完成
	await page.waitForNavigation();

puppeteer——等待页面元素、等待函数、等待加载、请求、响应

往往页面不会“唰”的一下马上加载好，甚至有时候网络影响会导致半天加载不出我们需要的页面元素，这里就需要waitFor全家桶了

waitForSelector与waitForXPath

大白话翻译：等待选择器/XPath

这两个其实说到底长得都差不多，都是右键copy就有选项是要selector还是XPath，用法一致，长相也亲兄弟，连参数都一样，更多更具体就不细说了可以自己查

但这里有一个非常好用的小点！
来看API：

returns: <Promise<?ElementHandle>>

看到了什么？等待函数返回的居然是元素句柄？？
所以就有了下面这种写法：

	const login_btn =
最低0.47元/天 解锁文章
彭争杰
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
python pyppeteer 切换页面
weixin_55399173的博客
11-13 1667
import asyncio import pyppeteer async def main(): browser = await pyppeteer.launch(headless=False, args=['--disable-infobars']) page = await browser.newPage() await page.setViewport({'width': 1366, 'height': 768}) await page.evaluateOnNe
javascript waitfor function
kaqi
12-12 698
Javascript has many asynchronous functions. Sometimes, we need to wait until the asynchronous function returns than go on. Following give an sample function for waitfor waitfor = function(){ var...
http客户端相关知识
最新发布
weixin_41508005的博客
06-20 258
浏览器是多线程，浏览器为每个标签页开启了独立的渲染进程，每个进程之间的资源（CPU，内存等）和行为（UI，逻辑等）互不共享，所以即使某个标签页奔溃了也不会影响其他标签页。构建DOM树 非阻塞资源（图片、CSS），浏览器请求这些资源并继续解析;RestTemplate是Spring用于同步client端的核心类，简化与http服务的通信。Dockerfile是一个文本文件，其包含一条条的指令，每一条指令构建一层。镜像的定制实际上就是定制每一层添加的配置、文件。TCP慢启动 14KB规则。
dart用puppeteer从web页抓取数据前需先调用page.waitForSelector
gaoyp的专栏
01-22 896
在调用page.evaluate执行js从页面取数据之前，需要先page.waitForSelector，waitForSelector的参数貌似和page.evaluate中要抓取的内容没关系也可以，关键是调用page.waitForSelector等待web页加载完成后再调用page.evaluate，否则有可能取不到数据。
javascript_JavaScript waitForTime
Web 开发&软件开发
08-11 491
JavaScript waitForTime 我为Firefox DevTools中的新功能编写了许多测试。 我们有数百个“ mochitests”，它们可以打开浏览器并执行诸如单击，键入和其他用户操作之类的综合操作。 之前，我曾写过关于waitForever ，它实际上是在不锁定浏览器的情况下停止了后续操作。 我喜欢的另一个实用程序是waitForTime ，这是一个异步JavaScri...
详解Puppeteer前端自动化测试实践
10-17
Puppeteer 是一个基于 Node.js 的库，它利用 DevTools 协议来控制 Chromium 或 Chrome 浏览器，实现前端自动化测试。Puppeteer 提供了一套高级 API，支持多种功能，如页面导航、截图、模拟用户交互等，非常适合进行...
WebUI自动化测试框架
04-09
WebUI自动化测试框架是软件开发过程中用于提升效率和质量的重要工具。它可以帮助开发者和测试人员自动执行Web应用程序的用户界面测试，确保代码的功能正确性、性能稳定性和用户体验。本文将详细探讨WebUI自动化测试...
InstagramAutomation:使用 Puppeteer 实现 Instagram 自动化 | 网络自动化
05-31
综上所述，使用 Puppeteer 和 Node.js 实现 Instagram 自动化涉及的技术包括 Puppeteer 的浏览器控制、页面操作、等待策略，JavaScript 的异步编程、模块系统以及错误处理，同时需要注意安全和伦理问题，以确保自动...
最后热门：puppeteer UI自动化测试工具，一次记录，可在任何地方运行，为您带来全面而愉悦的自动化体验
01-30
最后一击最后一击重播所有团队成员的第一个UI自动化测试工具设计。上次快速启动最后一击是针对开发和运营团队的自动化测试解决方案。 它专注于Web测试，可让您对Web应用程序自动化测试进行广泛，深入和精确的控制...
phantomjs waitFor
dianyin7770的博客
07-31 211
function waitFor(testFx, onReady, timeOutMillis) { var maxtimeOutMillis = timeOutMillis ? timeOutMillis : 120000, //< Default Max Timout is 3m start = new Date().getTime(), c...
搜索await page.waitForSelector(allResultsSelector);
weixin_30457551的博客
10-07 2156
/** * Copyright 2017 Google Inc. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. *...
Puppeteer中的wait
fenglingguitar的专栏
04-16 1817
"Execution context was destroyed, most likely because of a navigation"错误通常发生在使用 Puppeteer 或类似工具时，尝试在页面导航后继续操作页面元素或执行其他操作时。这个错误的主要原因是页面导航导致当前页面的执行环境被销毁，而后续的操作仍然在尝试使用已经销毁的页面上下文，从而导致错误。
waitForSelector 定位两个中的一个 或多个中的一个元素 用逗号分隔
nongcunqq的博客
03-31 494
【代码】waitForSelector 定位两个中的一个 或多个中的一个元素 用逗号分隔。
python+playwright 学习-73 page.wait_for_selector()等待元素到达指定状态
qq_27371025的博客
08-19 1244
前言 网页上的元素有不同状态，有些元素本来不在DOM里，点击某个按钮后才出现。 有些元素是本来就已经在DOM里是隐藏的状态，点某个按钮后才变成显示状态。 如果我们想让元素到达指定的状态再下一步操作，可以用page.wait_for_selector() 方法。 page.wait_for_selector() 方法 wait_for_selector() 方法部分源码 def wait_for_...
puppeteer怎么设置等待时间?
m0_58201165的博客
01-30 2826
当我没有找到waitForTimeout时我感到很困惑，于是思考是版本问题吗，结果发现就是最新版，然后我想着找找其他的文档再搜索，后来我找到官方的文档搜到了waitForTimeout，还包含了过时的解决方案。当时我是直接从上往下看回答的，而回答是Highest score (default)的，所以一开始就看的是过时的内容，浪费了很多时间，同时我事后按最新发布的来看还发现了一篇。好的现在程序的问题解决了，但我感到有点悲哀，这样简单的一个问题我辗转搜索测试花费了很长时间。于是我去查询我常用的。
netty-selector
godme
02-05 1363
管理逻辑 所有的channel通过regiest交给selector进行管理。 但是所有的selector并不是直接对channel进行管理，而是通过创建selectionKey对channel进行管理。 也就是这样 regiestmanagemanageselectorchannelselectionKey 同时，注册时还需要声明类型，也就是说生成的selectionKey中还有类型的划分，也就...
Puppeteer - some case
zhuanghuajun的博客
09-26 183
Puppeeter - some case
jvppeteer
小短腿
03-22 342
【代码】jvppeteer。
优势尽显：Cypress UI自动化工具选型与比较，技术分享及持续集成风险展望
本文主要介绍了 Cypress UI 自动化工具的选型原因及优势，同时与 Puppeteer 和 UIpath 进行了对比。首先从安装使用、执行速度和架构原理三个方面介绍了 Cypress 的优势。其次，探讨了UI自动化测试技术的重要性，以及...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值