Playwright API Testing Demo for Beginners 🚀

00:00 - Setting up API testing project with Playwright
02:41 - Setting up playwright in VS code using npm init playwright
08:04 - Setting up project and running tests in Playwright API
11:05 - Setting up project for API testing using Playwright
16:55 - Demonstrating API testing using Playwright methods
19:31 - Checking response content and handling errors
24:36 - Changing method from get to post
27:07 - Demonstration of API Post and Put Requests
32:19 - Using the delete API request in Playwright

All Free Tutorials 🟢 https://AutomationStepByStep.com/
Project Setup
Create a API Test Step-by-Step
How to run a GET API Request
How to run a POST API Request
How to run a PUT API Request
How to run a DELETE API Request
How to validate API Response
Check response, logs, errors in UI Mode
Check HTML Report

*API Testing with Playwright - Project Setup*

Step 1 - Create a new folder for API Testing Project
Step 2 - Open the folder in VS Code
Step 3 - Open terminal on the location of the folder and run command npm init playwright@latest

Step 4 - Check if demo tests are running fine using commands npx playwright test
npx playwright test --ui
npx playwright show-report

Step 5 - Create a new file for API Tests (api-tests.spec.js)


*How to run a GET API Request *

Step 1 - Add imports
import { test, expect } from '@playwright/test';

Step 2 - Create a test using request context
test.only('Demo API Test', async({request}) =＞ { })

Step 3 - Send a GET request & store response in a variable
const response = await request.get('https://reqres.in/api/users/2')

Step 4 - Verify the status code of the response is 200
expect(response.status()).toBe(200);

Step 5 - Check response contains some text
const text = await response.text();
expect(text).toContain('Janet');

Step 6 - Write response on the console
console.log(await response.json());

Step 7 - Run and check results


*How to run a POST API Request*

Step 1 - Add imports
import { test, expect } from '@playwright/test';

Step 2 - Create a test using request context
test.only('Demo API POST request’, async({request}) =＞ {...})

Step 3 - Send a POST request along with request body & store response in a variable

const response = await request.post("https://reqres.in/api/users", {
data: {
"name": "Raghav",
"job": "teacher"
}
})

Step 4 - Verify response status code is 201
expect(response.status()).toBe(201);

Step 5 - Check response contains some text
const text = await response.text();
expect(text).toContain(Raghav);

Step 6 - Write response on the console
console.log(await response.json());

Step 7 - Run and check results


*How to run a PUT API Request*

test('Demo API PUT Request', async ({ request }) =＞ {

const response = await request.put("https://reqres.in/api/users/2", {
data: {
"name": "Raghav",
"job": "teacher"
}
})
expect(response.status()).toBe(200);
const text = await response.text();
expect(text).toContain('Raghav');
console.log(await response.json());

})


*How to run a DELETE API Request*

test('Demo API DELETE Request', async ({ request }) =＞ {

const response = await request.delete("https://reqres.in/api/users/2")
expect(response.status()).toBe(204);
})


References
https://playwright.dev/docs/api-testing#writing-api-test
https://playwright.dev/docs/api/class-apirequestcontext
https://playwright.dev/docs/api/class-response#methods
https://playwright.dev/docs/api/class-apiresponseassertions
https://reqres.in/

What is Package.json - https://youtu.be/04pqkGnAAkc?si=s9zi01ZYfJazP9zV






▬▬▬▬▬▬▬

Every Like & Subscription gives me great motivation to keep working for you
You can support my mission for education by sharing this knowledge and helping as many people as you can

If my work has helped you, consider helping any animal near you, in any way you can

Never Stop Learning
Raghav Pal




▬▬▬▬ USEFUL LINKS ▬▬▬▬

Ask Raghav - https://bit.ly/2CoJGWf

Shorts Eng - https://bit.ly/3H9bifV
Shorts Hindi - https://bit.ly/3XY7XqN

GitHub Repositories - https://github.com/Raghav-Pal
Udemy - https://automationstepbystep.com/udemy-discounts/
Stories - https://automationstepbystep.com/stories/



—