apis: intercept api call and alter the response with test data (dummy…

… json data extracted from file)

tests/intercepting-api-calls.spec.ts

@@ -1,16 +1,17 @@
 import { test } from "@playwright/test"
-import defaultObjectExported from "./test-data/articles";
+import importedArticlesObject from "./test-data/articles";
+import importedJSONFileParserObject from "./test-data/JSONFileParser";
 
 test("can intercept and modify response with your own test data (dummy/ mock data)", 
     async({page}) => {
         let endPointToIntercept = "https://conduit.productionready.io/api/articles?limit=10&offset=0";
         await page.route(endPointToIntercept, 
             async (route) => {
                 console.log(`Intercepting route: ${endPointToIntercept} and sending dummy response body`);
-                console.log(defaultObjectExported.articlesData());
+                console.log(importedArticlesObject.articlesData());
                 await route.fulfill({
                     //convert the JS Object that contains the test data to JSON
-                    body: JSON.stringify(defaultObjectExported.articlesData()),
+                    body: JSON.stringify(importedArticlesObject.articlesData()),
                 });
             }
         );
@@ -20,10 +21,33 @@ test("can intercept and modify response with your own test data (dummy/ mock dat
     }
 );
 
-test("can intercept and modify response data, with data extracted from a json file", 
-    async({page}) => {}
+test("can intercept and modify response data (via path), with data extracted from a json file", 
+    async({page}) => {
+        const endPointToIntercept = "https://conduit.productionready.io/api/articles?limit=10&offset=0";
+        await page.route(endPointToIntercept,
+            async(route) => {
+                await route.fulfill({
+                    path:"./tests/test-data/articles.json"
+                });
+            }
+        )
+        await page.goto("https://demo.realworld.io/#/");
+    }
 );
 
-test("can abort specific requests", 
-    async({page}) => {}
+test("can modify response data (via body), with data extracted from json file", 
+    async({page}) => {
+        const endPointToIntercept = "https://conduit.productionready.io/api/articles?limit=10&offset=0";
+
+        await page.route(endPointToIntercept, async(route, request)=> {
+            const testDataJSONFilePath = "./tests/test-data/articles.json";
+            console.log(`Intercepting route ${request.url()} and responding with dummy data from a file`);
+            console.log(importedJSONFileParserObject.extractArticlesTestDataFrom(testDataJSONFilePath))
+            route.fulfill({
+                body: JSON.stringify(importedJSONFileParserObject.extractArticlesTestDataFrom(testDataJSONFilePath)),
+            })
+        })
+
+        await page.goto("https://demo.realworld.io/#/");
+    }
 );

tests/test-data/JSONFileParser.ts

@@ -0,0 +1,8 @@
+import fs from "fs";
+
+function extractArticlesTestDataFrom(testDataJSONFilePath): Object {
+    const testDataJSONString = fs.readFileSync(testDataJSONFilePath, "utf8");
+    return JSON.parse(testDataJSONString);
+}
+
+export default {extractArticlesTestDataFrom};

tests/test-data/articles.json

@@ -0,0 +1,31 @@
+{
+    "articles": [
+        {
+            "slug":"slug-of-the-intercepted-articles-endpoint",
+            "title": "title of the intercepted articles endpoint",
+            "description": "description of the intercepted articles endpoint",
+            "body": "body of the intercepted articles endpoint",
+            "author": {
+                "username": "author: intercepted by ash karai"
+            }
+        },
+        {
+            "slug":"slug-of-the-intercepted-articles-endpoint",
+            "title": "title of the intercepted articles endpoint",
+            "description": "description of the intercepted articles endpoint",
+            "body": "body of the intercepted articles endpoint",
+            "author": {
+                "username": "author: intercepted by ash karai"
+            }
+        },
+        {
+            "slug":"slug-of-the-intercepted-articles-endpoint",
+            "title": "title of the intercepted articles endpoint",
+            "description": "description of the intercepted articles endpoint",
+            "body": "body of the intercepted articles endpoint",
+            "author": {
+                "username": "author: intercepted by ash karai"
+            }
+        }
+    ]
+}