Playwright with TypeScript Tutorial Full Course

Author: BakkappaN

src/utils/APIHelper.ts

@@ -0,0 +1,6 @@
+export async function formatAPIRequest(template: string, values: any[]): Promise<string> {
+    return template.replace(/{(\d+)}/g, (match, p1) => {
+        const index = parseInt(p1, 10);
+        return index < values.length ? String(values[index]) : match;
+    });
+}

test-data/api_requests/Dynamic_POST_API_Request.json

@@ -0,0 +1,11 @@
+{
+    "firstname": "{0}",
+    "lastname": "{1}",
+    "totalprice": "{2}",
+    "depositpaid": true,
+    "bookingdates": {
+        "checkin": "2025-01-15",
+        "checkout": "2025-01-17"
+    },
+    "additionalneeds": "breakfast"
+}

tests/Chapter06/02_POST_API_Request_Dynamic.spec.ts

@@ -0,0 +1,53 @@
+// Import playwright module
+import { test, expect } from '@playwright/test';
+
+import { formatAPIRequest } from '../../src/utils/APIHelper';
+
+import path from 'path';
+import fs from 'fs';
+
+test.use({
+    baseURL: process.env.BASE_API_URL,
+})
+
+/**
+ * Author Testers Talk
+ */
+test('Create POST API Request using dynamic api request body in playwright & typescript', async ({ request }) => {
+
+    // Reading json file
+    const filePath = path.join(__dirname, '../../test-data/api_requests/Dynamic_POST_API_Request.json');
+    const jsonTemplate = fs.readFileSync(filePath, 'utf-8');
+
+    const values = ['cypress by testers talk', 'javascript by testers talk', 1000];
+
+    // Updating POST API request body
+    const postAPIRequest = await formatAPIRequest(jsonTemplate, values);
+
+    // Create POST API Request
+    const postAPIResponse = await request.post(`/booking`, { data: JSON.parse(postAPIRequest) });
+
+    // Print JSON API response
+    const jsonPOSTAPIResponse = await postAPIResponse.json();
+    console.log('POST API Response : ' + JSON.stringify(jsonPOSTAPIResponse, null, 2));
+
+    // Validating api response
+    expect(postAPIResponse.status()).toBe(200);
+    expect(postAPIResponse.statusText()).toBe('OK');
+    expect(postAPIResponse.headers()['content-type']).toContain('application/json');
+
+    // Validate propert/key names
+    expect(jsonPOSTAPIResponse.booking).toHaveProperty('firstname');
+    expect(jsonPOSTAPIResponse.booking).toHaveProperty('lastname');
+
+    expect(jsonPOSTAPIResponse.booking.bookingdates).toHaveProperty('checkin');
+    expect(jsonPOSTAPIResponse.booking.bookingdates).toHaveProperty('checkout');
+
+    // Validate API response body
+    expect(jsonPOSTAPIResponse.bookingid).toBeGreaterThan(0);
+    expect(jsonPOSTAPIResponse.booking.firstname).toBe('cypress by testers talk');
+    expect(jsonPOSTAPIResponse.booking.lastname).toBe('javascript by testers talk');
+
+    expect(jsonPOSTAPIResponse.booking.bookingdates.checkin).toBe('2025-01-15');
+    expect(jsonPOSTAPIResponse.booking.bookingdates.checkout).toBe('2025-01-17');
+});