Implemented the API POST method for creating new entries

constantsAndTestData/constants.js

@@ -0,0 +1,9 @@
+//  This class was created to constants, variables with values that don't change after being instantiated.
+//  It also helps in reducing duplicate code.
+
+
+//  Constants
+export const APP_URL = "https://magento.softwaretestingboard.com/";
+
+export const API_ENDPOINT = "https://z3.martioli.com/api/";
+export const API_GET_ENTRY = "/id/%s"

package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.40.0",
+    "@playwright/test": "^1.46.1",
     "@types/node": "^20.9.3"
   }
 }

pages/home.page.js

@@ -1,8 +1,11 @@
+import { APP_URL } from './constants';
+
+
 export class HomePage {
 
   constructor(page) {
     this.page = page;
-    this.homePageUrl = 'https://magento.softwaretestingboard.com/';
+    this.homePageUrl = APP_URL;
   }
 
   // locators
@@ -11,5 +14,5 @@ export class HomePage {
   async navigateToHomePage() {
     await this.page.goto(this.homePageUrl);
   }
-}
 
+}

tests/api/requests/apiClient.js

@@ -0,0 +1,15 @@
+import axios from 'axios';
+import { API_ENDPOINT} from './constants';
+import { APP_URL } from './constants';
+
+const apiClient = {
+    get: async(config = {}) => {
+        try{
+            const response = await axios.get(`${API_ENDPOINT}${APP_URL}`, config)
+            return response.data;
+        } catch(error) {
+            console.error('GET Request Failed', error);
+            throw error;
+        }
+    }
+}

tests/api/testCases/apiTests.spec.js

@@ -0,0 +1,17 @@
+import apiClient from './tests/api/requests/apiClient.js';
+import {test, expect} from '@playwright/test';
+
+async function fetchdata() {
+    try{
+        const data = await apiClient.get('endpoint');
+        console.log(data);
+    } catch (error) {
+        console.error('Error fetching data: ', error);
+    }
+}
+
+test("API GetAll", async () => {
+
+    await fetchdata();
+
+})