puppeteer|自动化UI测试|JS|零基础入门（四）——页面截图、元素截图

彭争杰

于 2021-03-04 14:23:29 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： puppeteer 文章标签： js 软件测试 ui chrome devtools

本文链接：https://blog.youkuaiyun.com/weixin_42199131/article/details/114366966

本文介绍了如何使用Puppeteer进行自动化UI测试，特别是页面和元素的截图功能。通过page.screenshot()和elementHandle.screenshot() API，可以方便地进行全页面或指定区域的截图，便于对比UI界面并检查问题。适合初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，看代码

//登陆页面截图，保存在ScreenShot文件夹，并命名为login_page.png
 await page.screenshot({
   
   
        path:'login_page.png'
    }) 
//登陆按钮截图，保存在ScreenShot文件夹，并命名为login_button.png
 await login_btn.screenshot({
   
   
 		path:'login_button.png'
 	})