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

àì夳堔傛蜴生んèń 2024-03-16 12:00 69阅读 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 条评论，69人围观）

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

相关阅读

相关 E2E profile 01实现

E2E profile 01是一种用于在汽车系统中传输信息的通信协议。它可以用于传输不同类型的数据，如控制指令、传感器数据和诊断信息。E2E profile 01使用基于时间的

刺骨的言语ヽ痛彻心扉/ 2024年03月25日 15:36/ 0 赞/ 26 阅读

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

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

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

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

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

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

相关 10..E2E工具-＜剧作家＞-并行性和分片

嘿伙计，今天我将与 Playwright 讨论并行性和分片，所以不要浪费时间并跳入其中。默认情况下，Playwright 会并行运行您的测试。它同时使用许多工作进程。但

末蓝、/ 2024年03月16日 12:01/ 0 赞/ 18 阅读

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

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

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

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

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

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

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

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

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

相关 3.E2E工具-＜剧作家＞-调试你的测试

调试你的测试开发人员最常做的事情之一是使用console.log. 但今天我想向您展示如何调试 Playwright 测试。让我们从 Playwright Insp

刺骨的言语ヽ痛彻心扉/ 2024年03月16日 11:59/ 0 赞/ 46 阅读

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

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

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

相关 add(E e)API中文翻译说明

/\\ 1. boolean add(E e); \ Appends the specified element to the end of this lis

矫情吗；*/ 2022年05月18日 08:09/ 0 赞/ 212 阅读