自动化ai测试

一、准备阶段

1.首先确保电脑上安装了Nodejs（若未下载，请去官网链接下载）

2.打开命令行终端输入代码，下载playwright插件

PS C:\Users\29946\Desktop> npm install -g @playwright/cli@latest

added 3 packages in 5s

3.需要安装chrome，来进行实验，输入playwright-cli open google.com --headed（加headed表示是使用有头浏览器，否则无头浏览器会在后台静默运行，并且无界面，但优点是省内存多任务并发，有头浏览器有界面方便调试，在后台不运行）（--persistent 表示把cookie，登陆状态，本地存储之类的数据写到磁盘里，下次使用继续用，就不用重新登陆了

（1）我们可以看到输入指令后，playwright-cli自动弹窗打开chrome，并且我们可以在控制台看到playwright-cli只是简洁的输出了一个网页摘要，没有返回整个网页的全部DOM结构，标红处为网页结构文件地址（如果需要更详细的网页结构信息，就读取此快照文件，比MCP更节省上下文）

PS C:\Users\29946\Desktop> playwright-cli open google.com --headed

Browser `default` opened with pid 11432.

Ran Playwright code

```js

await page.goto('https://google.com');

```

Snapshot

$Snapshot$ (.playwright-cli\page-2026-06-14T08-16-33-739Z.yml)

（2）screenshot是给浏览器截屏（红色是表示截屏还是以PNG的格式存放在电脑的磁盘里） PS C:\Users\29946\Desktop> playwright-cli screenshot

Result

$Screenshot of viewport$ (.playwright-cli\page-2026-06-14T08-18-04-042Z.png)

Ran Playwright code

```js

// Screenshot viewport and save it as .playwright-cli\page-2026-06-14T08-18-04-042Z.png

await page.screenshot({

path: '.playwright-cli\\page-2026-06-14T08-18-04-042Z.png',

scale: 'css',

type: 'png'

});

```

二、接入AI Agent

主要使用的Agent框架是Claude code与codex，因为playwright cli是一个新诞生的命令行工具，AI不知道使用，需要给AI搭配一些skills使用，接下来以playwright cli为技术底座，playwright cli skills作为说明文档搭配使用，就可以取代传统的MCP使用

1.我们新建一个文件夹取名叫test_playwright，并在此文件夹打开终端