【AI自动化】VSCode+Playwright+codegen+nodejs自动化脚本生成

VSCode+Playwright+nodejs，能完美实现UI自动化全流程脚本自动生成和回放，生成的脚本方便维护，回放执行快速；

概述

Playwright 是由Microsoft开发的一个开源的跨浏览器自动化测试库，它支持Chromium、WebKit和Firefox浏览器，可用于测试现代Web应用。Playwright提供可靠的端到端测试能力，能够模拟用户与网页的真实交互。

主要特性

1. 跨浏览器支持：同时支持Chromium(Chrome/Edge)、WebKit(Safari)和Firefox
2. 多语言绑定：提供JavaScript/TypeScript、Python、Java和.NET的API
3. 自动等待机制：内置智能等待功能，减少测试中的flakiness
4. 网络拦截：可以模拟和修改网络请求
5. 设备模拟：支持多种移动设备视图和触摸事件模拟
6. 并行测试：内置支持测试并行执行

一、环境搭建

vscode可在官网下载对应版本进行安装；

Visual Studio Code - Windows官方下载 | 微软应用商店 | Microsoft Store

打开vscode，应用商店安装扩展Playwright、nodejs

搜索codegen插件安装，步骤同上；

二、脚本录制

初始化playwright自动化项目

mkdir my-playwright-project
cd my-playwright-project
npm init -y
npm init playwright@latest

vscode打开此目录

切换到测试栏，点击录制新用例，即会打开内置浏览器

三、回放

回放完成每个步骤都会显示回放执行的时间，右下角会显示回放状态