8. .E2E工具-＜剧作家＞-模拟 API

àì夳堔傛蜴生んèń 2024-03-16 12:00 39阅读 0赞

大家好，

今天我想谈谈如何使用 Playwright 模拟 API。

为此，我在常用示例中添加了一个新功能。当其中一位玩家获胜时，系统向 URL 发送 POST 请求http://localhost:3001/api/winners以保存游戏结果的历史记录。

API 服务器是使用json-server构建的。您可以在此提交中找到重现该功能的所有步骤。

模拟API  
Mocking API 是测试框架中的一个常见特性。在 Playwright 中，要做到这一点，您必须使用page.route方法。此方法允许您以不同方式使用 API：

嘲笑回应

修改请求

修改回复

中止请求

页面执行的任何请求（包括 XHR 和获取请求）都可以在 Playwright 中使用page.route.

**实际模拟 API**  
在这篇文章中，我想向您展示如何开始使用这个 API。

让我们从测试开始。测试很简单；它重现了玩家获胜的游戏X，并在最后检查应用程序是否获取 POST 请求以保存获胜者。

测试的基础是这样组成的

test("should register the winner calling the winner API[POST]", async ({
       
        
      page,
      playerXWinMoves,
    }) => {
       
        
      /// mock the API
      for (const move of playerXWinMoves) {
       
        
        await page.locator(`button:nth-child(${
       
        move})`).click();
      }
    });

如您所见，该测试与上一个测试类似。

现在是时候看看如何模拟 API。

首先，你必须得到你的API；为此，您必须使用page.route那种方式。

page.route("http://localhost:3001/api/winners", async route => {
       
           
    });

因此，正如您所注意到的，该page.route方法接受两个参数：第一个是您的 API 的 URL，第二个是用于处理您的请求的函数。

现在是时候从您的请求中获取信息了，例如请求的方法和正文。

page.route("http://localhost:3001/api/winners"

发表评论取消回复

表情：

评论列表（有 0 条评论，39人围观）

还没有评论，来说两句吧...

相关阅读

相关 12. E2E工具-＜剧作家＞- 参数化测试

嘿伙计，今天是时候谈谈如何使用 Playwright 对测试进行参数化了。在某些情况下，我们想要测试相同的行为但具有不同的值，因此在这些情况下，通常会为测试创建一个结构

ゝ一纸荒年。/ 2024年03月16日 12:01/ 0 赞/ 14 阅读

相关 13. E2E工具-＜剧作家＞-UI 模式

大家好，在1.32 版本中，Playwright 为我们发布了一个很酷的新功能，即 UI 模式！此功能仍处于测试阶段，但您可以通过在 CLI 中添加一个简单的选项来使用它

一时失言乱红尘/ 2024年03月16日 12:01/ 0 赞/ 32 阅读

相关 .11. E2E工具-＜剧作家＞-不仅仅是前端

在与 Playwright 的这条道路上，我们花了很多时间谈论前端世界中的端到端测试和组件测试。但现在是泄露秘密并告诉您一个秘密的时候了。Playwright 也可以在后端使用

浅浅的花香味﹌/ 2024年03月16日 12:01/ 0 赞/ 30 阅读

相关 .9.E2E工具-＜剧作家＞-视觉比较

你好呀，今天我想谈谈与剧作家的视觉比较。在某些项目中，尊重页面上组件的相同大小至关重要，或者每次都保证准确的可视化，或者确保相同的颜色等。 Playwright 开箱

小鱼儿/ 2024年03月16日 12:00/ 0 赞/ 14 阅读

相关 8. .E2E工具-＜剧作家＞-模拟 API

大家好，今天我想谈谈如何使用 Playwright 模拟 API。为此，我在常用示例中添加了一个新功能。当其中一位玩家获胜时，系统向 URL 发送 POST 请求htt

àì夳堔傛蜴生んèń/ 2024年03月16日 12:00/ 0 赞/ 40 阅读

相关 7. .E2E工具-＜剧作家＞-CI

您好，今天我想谈谈将 Playwright 集成到您的 GitHub 操作 CI 中。所以不要浪费时间，让我们开始吧。首先，您必须创建一个playwright.ym

约定不等于承诺〃/ 2024年03月16日 12:00/ 0 赞/ 33 阅读

相关 6..E2E工具-＜剧作家＞-- 组件测试

大家好，今天我将介绍 Playwright 中的一项测试版功能：组件。该团队正在构建一项新功能以使用 Playwright 编写组件测试，所以是时候看看它是如何工作的了

àì夳堔傛蜴生んèń/ 2024年03月16日 12:00/ 0 赞/ 29 阅读

相关 5..E2E工具-＜剧作家＞-固定装置

大家好，今天我想谈谈 Fixtures，如果您要使用 Playwright 并且想要在测试之间共享数据或创建自定义执行，那么它是一个重要的朋友。让我们从一个简单的例子开

àì夳堔傛蜴生んèń/ 2024年03月16日 12:00/ 0 赞/ 41 阅读

相关 4..E2E工具-＜剧作家＞-生成测试代码

您好，今天您将学习如何为您的测试生成代码。首先，您必须运行该应用程序，因此请输入您的终端npm run dev，然后您的应用程序将在该地址启动并运行http://loc

╰+哭是因爲堅強的太久メ/ 2024年03月16日 12:00/ 0 赞/ 24 阅读

相关 2.E2E工具-＜剧作家＞- 如何编写测试

您将在这篇文章中学到什么？在这篇文章中，您将学习如何使用 Playwright 编写测试，使用断言、定位器和其他东西。编写测试让我们从一个例子开始 t

不念不忘少年蓝@/ 2024年03月16日 11:59/ 0 赞/ 8 阅读