Learn how to test REST API in playwright.
Although is the tool you use for frontend testing, sometimes your tests need to interact with some APIs, for example, to get test data from the server. For example, it can be an authorization token or something else you want to get and use during the test.
Playwright web testing In this brief guide, you will learn how to test API with Playwright built-in tools, including request sending and response parsing. One of the pros of using the Playwright framework is its ability to work with REST API smoothly without using third-party libraries such as node-fetch. All you need to send requests is the built-in APIRequest class introduced in Playwright v1.16. This class is used for creating APIRequestContext instances, which can be used for sending web requests. An instance of this class can be obtained via playwright.request: const context=await request.newContext; I will use the “ ” service for this guide, which simulates real application scenarios for testing purposes. reqres.in Since you’ve added a context for the API requests, introduce the response constant to store the APIResponce. Don’t forget to use the correct HTTP method . The APIRequest supports any of them. const response=await context.post; And then, store its answer in the new “responseJson” constant: const responseJson=await response.json; For example, let’s check if the response status code is 201: expect).toEqual; I suggest also adding a custom error message with the additional response information that can be useful in debugging and makes your test reports a little bit more readable: expect, { message: `Invalid code ${response.status} - ${await response.text}]`, }).toEqual; After we have checked the response status, we can parse the response object using the JSON.stringify method and use this parsed data in further test logic. For instance, let’s check that user ID was defined in response: const userId=JSON.stringify; expect}]`, }).toBeDefinedYou can also get the different response properties, such as headers, body, status, and others, which you can use in test assertions. The complete test example: import {expect, request, test} from '@playwright/test'; const API_BASE_URL='https://reqres.in'; const HTTP_RESPONSE={ OK: 200, CREATED: 201 } test=>{ const context=await request.newContext; const response=await context.post; const responseJson=await response.json; console.log); expect, { message: `Invalid code ${response.status} - ${await response.text}]`, }).toEqual; const userId=JSON.stringify; expect}]`, }).toBeDefined }); In this lesson, you have learned how to send API requests using Playwright and read the response using JSON.stringify. Happy testing! Also published here.
United States Latest News, United States Headlines
Similar News:You can also read news stories similar to this one that we have collected from other news sources.
An internet museum, Apple Journal, and the rest of the best tech stuff of the weekPlus a new Leica camera, the Quiche browser, the Hugo Awards, Google Maps, and more in this week’s Installer newsletter.
Read more »
Jaguars earn 'bye week' rest after beating Steelers, 20-10; marking 5-game winning streakSunday the offensive line will be tested when they face one of the best pass rushers in the NFL TJ Wyatt.
Read more »
How Jack Sawyer, J.T. Tuimoloau and the rest of Ohio State’s defense graded vs. WisconsinHow did Ohio State's defense grade in the Buckeyes' 24-10 win over Wisconsin?
Read more »
How Kyle McCord, TreVeyon Hendersn and the rest of Ohio State’s offense graded vs. WisconsinHow did Ohio State's offense grade in the Buckeyes' 24-10 win over Wisconsin?
Read more »
Experts in their field point out the mistakes the rest of us makeDo you know what “pesticide” really means? How about “calculus?”
Read more »
Interacting With Sliders Using PlaywrightIn this guide, you will learn how to interact with sliders in Playwright. Find the slider element on a page. Detect its current value to be able to click on it.
Read more »