持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第3天，点击查看活动详情

#摘要

当自己代码的编写水平达到瓶颈，我们应该如何继续提高我们的代码质量呢？代码测试，单元测试、集成测试、e2e测试。这些测试有利的保证了我们的代码的稳定性。对于单元测试，目前比较流程的就是JEST了。对于e2e测试大多数人肯定会想到puppeteer，但是今天我打算学习一下PlayWright。下面我们来进行学习。

文档是英文文档，我会逐个翻译。
说明：本人是前端开发者，因此这里会基于node的文档进行描述。大家需要Java、paython等可以去官方查找

vscode安装playWright插件

打开vscode的拓展库，在上面输入playWright点击搜索。按照图片添加对应的内容。

添加完成后会出现 一个test的图标，点击这个图标就可以进入测试拓展工具。
她会默认扫描的你文件，找到对应的e2e测试文件。
操作上面有两个播放按钮，第一个是运行当前文件下的测试，另一个是开启调试工具并开始测试。使用调试模式的情况下，使用调试模式时，每一步都需要进行pass操作。否则会停在当前调试的行。

使用不同浏览器运行测试

如图中向下的标签，点击后会出现一个下拉内容。更具你的需求选择不同的浏览器即可。

总结

这就是playWright在vscode上如何使用的，我们可以通过这个工具来快速方便的进行e2e测试，不用在记住一些所谓的命令，以简化我们的开发测试阶段的麻烦。