playwright基础,包括简介,应用场景,核心概念
简介
Playwright 是一个用于 Web 自动化和端到端测试的开源框架。
简单来说,它就是一个可以帮你通过编程来控制浏览器的工具,我们可以把它想象成一个"虚拟用户",它能像人一样在网页上进行各种操作,比如:点击按钮、填写表单、导航到不同的页面、截图和保存网页内容。

Playwright 是微软开源的现代浏览器自动化框架,用少量代码就能在 Chromium(Chrome/Edge)、Firefox、WebKit(Safari 引擎)里自动完成"人类的浏览器操作":打开网页、点击、输入、拖拽、上传文件、截图/PDF、录制日志与回放,最常见的用途是 端到端(E2E)测试,也可做轻量爬取与流程自动化。它提供 JS/TS、Python、Java、.NET 多语言 SDK,其中 JS/TS + Playwright Test 是最主流组合。
应用场景
-
端到端(E2E)测试:这是 Playwright 最主要的应用。它可以模拟真实用户的使用场景,测试你的网站从头到尾的整个流程是否正常工作。
-
Web 爬虫和数据抓取:如果你想从网页上自动化地获取数据,Playwright 可以帮你轻松完成。它可以渲染 JavaScript 动态加载的内容,这比传统的爬虫工具更强大。
-
网页自动化:任何重复性的网页操作,比如自动签到、批量下载文件、填写报告等,都可以用 Playwright 来自动化。
-
生成截图和 PDF:你可以用 Playwright 来对网页进行截图,或者将网页内容保存为 PDF 文件。
核心概念

-
Browser(浏览器):这是自动化过程的起点。一个Browser实例代表了一个实际的浏览器,例如 Chromium、Firefox 或 WebKit。你可以启动一个浏览器,然后在其内部创建多个独立的会话。
-
BrowserContext(浏览器上下文):一个BrowserContext就像一个独立的浏览器会话。它完全隔离了页面、本地存储、cookies 等数据。这使得你可以在一个浏览器中同时运行多个互不影响的自动化任务,就像你在隐身模式下打开了多个标签页一样。
-
Page(页面):Page是你进行实际操作的地方。它代表了浏览器上下文中的一个标签页或窗口。所有的操作,如点击、输入、导航、截图等,都是在Page对象上执行的。
安装和初始化
playwright是node.js一个库,需要本地安装node.js
1、安装node.js
2、初始化并进行安装playwright
- 利用npm进行安装
npm init playwright@latest#安装过程需要选择编程语言,是否安装测试示例,是否下载浏览器
- 利用vscode插件安装
扩展搜索playwright test for vscode ,安装
搜索test:install playwright ,选择编程语言,是否下载浏览器
3、项目结构
package.json:项目的配置文件,包含依赖和脚本
packag-lock.json:锁定依赖版本的文件
node_modules:存放项目依赖的文件
tests:存放测试文件的文件夹
playwright.config.js:playwright的配置文件