强大的自动化工具，Playwright与Xray的模块化测试

本文链接：https://blog.youkuaiyun.com/weixin_46281518/article/details/145792128

1. 为什么选择`Playwright`？

1.1 关键特性

跨浏览器支持：支持Chromium、WebKit和Firefox，涵盖Chrome、Edge、Firefox、Opera和Safari。
跨平台执行：可以在Windows、Linux和macOS上运行。
多语言支持：支持JavaScript、TypeScript、Python、.NET、C#和Java。
自动等待机制：内置智能断言，元素查找时会自动重试，同时可追踪日志、视频和截图。
现代架构：可无缝操作多页面、多标签网站，并轻松处理框架和浏览器事件。
并行测试：支持并行运行测试，速度比其他自动化工具更快。
集成POM：支持可扩展的页面对象模型。

1.2 缺点

作为新工具，API还在不断演变中。
不支持IE浏览器和原生移动应用。
社区支持相对不足，但正在改善。

2. 快速上手

2.1 环境设置

要在项目中设置Playwright或创建新测试项目非常简单：

确保已安装Node.js。安装代码编辑器，推荐使用Visual Studio Code。

安装在项目根目录下运行以下命令：

npm init playwright@latest

或者创建一个新项目：

npm init playwright@latest new-project

接下来安装依赖和浏览器：

npx playwright install

2.2. 编写测试

Playwright提供了自动测试生成器。运行codegen并与浏览器交互，Playwright将为用户的操作生成代码。

创建tests/example.spec.ts文件，编写以下测试代码：

import { test, expect } from '@playwright/test';

test('基本测试', async ({ page }) => {
    await page.goto('https://playwright.dev/');
    const title = page.locator('.navbar__inner .navbar__title');
    await expect(title).toHaveText('Playwright');
});