背景

今年微软在Web端投入不少，先有Edge浏览器全面转向Chromium，现在又开发了自己的Web测试框架。肯定很多人想问，有了Puppeteer为啥还需要Playwright。实际上Playwright就是Puppeteer延伸，如果比较Playwright和Puppeteer的贡献者页面，你会注意到Puppeteer的前两名贡献者现在都在Playwright上工作。 Puppeteer团队实际上从Google移至Microsoft，并成为Playwright团队。

Playwright的最大与众不同之处在于直驱跨浏览器的支持。它可以驱动Chromium，WebKit（用于Safari的浏览器引擎）和Firefox。

项目的Github地址是：https://github.com/microsoft/playwright

Puppeteer与Playwright在架构上基本上是一致的。而Selenium是通过不同的WebDriver来与浏览器进行通讯。

比较重要区别就是Playwright的目录是在做一整个测试框架，而不仅仅是一自动化框架。

Playwright 基于Puppeteer，但又向Selenium取了经，它能使用熟悉的npm语法快速轻松地安装，并使用JavaScript来构建网络应用程序自动化和测试。它可与更多浏览器一起使用，并支持Edge等基于Chromium的浏览器，以及Firefox和Apple的WebKit。但它也有它的劣势使，用的人暂时不是很多，生态还不是很完整。不过从微软的投入上来看，Playwright还是很有发展前途的。

入手

Playwright入门就像创建新的Node.js项目一样容易。

首先，你必须要有Node.js，由于Playwright使用Node，因此您可以在CI / CD中任何一环集成它，这使其成为GitHub操作的一部分，可在应用整个软件开发周期中。 您只需要一个npm命令，即可安装Playwright软件包以及所有受支持浏览器的二进制文件。

安装完成后，您可以使用JavaScript或TypeScript创建自动化脚本来调用Playwright API。 这些都是异步调用，需要使用await语句来管理它们的promise。

const { webkit } = require('playwright');

(async () => {
  const browser = await webkit.launch();
  const page = await browser.newPage();
  await page.goto('http://whatsmyuseragent.org/');
  await page.screenshot({ path: `example.png` });
  await browser.close();
})();

Context支持

Playwright有一个非常重要的功能，是它对浏览器Context的支持。 它能够在单个浏览器实例中运行隔离的操作，因此您可以设置多个Context以同时测试多个Web页面。 在每个Context中创建页面。 页面支持它们自己的单击交互，并且可以并行监视。 进入页面后，可以使用CSS或XPath选择器，HTML属性或文本，以不同的方式查找与之交互的内容。 如果您熟悉Selenium，则应该浏览熟悉的页面，并具有等待页面完全加载或在单页面Web应用程序中呈现动态内容的附加功能。

Playwright有很多功能，它可以替代Selenium来测试浏览器应用程序。 随着Microsoft不断在Edge中添加F12开发人员工具，Playwright也同样被赋予了新功能，这些功能让你在测试Web页面的时候有更多的选择。

多语言绑定

微软最近为喜欢用Python而不是JavaScript进行测试的开发人员发布了新版本的Playwright。 这是一个非常重要的功能，因为许多现有的Selenium测试框架都是基于Python的，它允许您使用Python丰富的Analysis功能和多样的生态将测试和测试结果整合起来。

Playwright还提供了用于C＃的语言绑定，因此您可以将Playwright带入ASP.NET或其他.NET工具的现有测试框架中。 您不必更改引入新工具的工作方式，Microsoft承诺为Java和Ruby提供更多语言绑定。 Playwright文档指出，它旨在支持任何语言的绑定，因此在将来会有更多的前景。 有了GitHub上的所有代码，您就有机会为自己选择的测试语言创建自己的绑定，并将其作为请求请求提交给项目。