Chore/req helper model

e2e/fixtures/collection.fixture.ts

@@ -0,0 +1,32 @@
+import {test as base} from '@playwright/test'
+import { CollectionModel } from '../object-models/collection-model'
+import { APImodel } from '../object-models/api-model'
+import { EnvSettings } from '../object-models/environment-setting.model'
+
+export const test = base.extend<{
+    collection: CollectionModel, 
+    apiReq: APImodel,
+    envSetup : EnvSettings,
+    singleCollection: any
+}>
+({
+    collection : async({page}, use) => {
+        await use(new CollectionModel(page))
+    },
+    apiReq : async ({page},use) => {
+        await use(new APImodel(page))
+    },
+    envSetup: async({page},use) => {
+        use(new EnvSettings(page))
+    },
+    singleCollection : async({collection, apiReq, page},use) => {
+        await page.goto('/')
+        await collection.createCollection('User Collection')
+        await apiReq.get('https://jsonplaceholder.typicode.com/todos/1')
+        await collection.saveToCollection('Req 1', 'User Collection')
+        await use(page)
+    }
+
+}) 
+
+export { expect} from '@playwright/test'

e2e/object-models/BasePage.ts

@@ -1,22 +1,30 @@
-import {type Page, Locator} from '@playwright/test'
+import { type Page, Locator } from '@playwright/test'
 
+export class BasePage {
+    constructor(protected page: Page) {
+        if (process.env.THROTLE) {
+            (async () => {
+                const context = this.page.context();
+                const cdpSession = await context.newCDPSession(this.page);
+                await cdpSession.send('Emulation.setCPUThrottlingRate', { rate: 6 });
 
+            })()
+        }
+    }
 
-export class BasePage {
-    constructor(protected page:Page) {}
+    optionSection: Locator = this.page.locator('#_R_jklrlb_')
+    reqBuilderMain: Locator = this.page.locator('#_R_5klrlb_')
+    topHeader: Locator = this.page.getByRole('banner')
 
-    protected button(btnName: string): Locator
-    {
-        return this.page.getByRole('button', {name: btnName})
+    protected button(btnName: string): Locator {
+        return this.page.getByRole('button', { name: btnName })
     }
 
-    protected fillBlock (input: string): Locator 
-    {
+    protected fillBlock(input: string): Locator {
         return this.page.getByPlaceholder(input)
     }
 
-    protected async clearall(locator: Locator) 
-    {
+    protected async clearall(locator: Locator) {
         await locator.press('Control+A')
         await locator.clear()
     }

e2e/object-models/api-model.ts

@@ -1,63 +1,71 @@
 import {type Page, type Locator} from '@playwright/test'
-import { BasePage } from './BasePage'
+import { ReqHelpers } from './request-assiters.model' 
 
-export class APImodel extends  BasePage {
+export class APImodel extends  ReqHelpers {
 
     constructor(page:Page) 
         {super(page)
         }
 
-        fillUrl      : Locator = this.page.getByPlaceholder('https://api.example.com/endpoint')
-        sendBtn      : Locator = this.page.getByRole('button', {name:'Send'})
-        responseBody : Locator = this.page.locator('div').filter({hasText:'Body'}) 
-                                                         .filter({hasText:'Compare'}).last()                   
-                                                         .getByRole('presentation')
-        reqType      : Locator = this.page.getByRole('combobox')
-        reqBody      : Locator = this.page.locator('div',{hasText:'Request Body (JSON)',
-                                                has: this.page.getByRole('presentation')})
-                                            .last()
-                                            .getByRole('textbox') 
+        reqMainHeading : Locator = this.reqBuilderMain.getByRole('heading', {name: 'Request Builder'})
+
+        fillUrl         : Locator = this.reqBuilderMain.getByPlaceholder('https://api.example.com/endpoint')
+        sendBtn         : Locator = this.reqBuilderMain.getByRole('button', {name:'Send'})
+        responseSec     : Locator = this.page.locator('#_R_9klrlb_')
+        responseBody    : Locator = this.responseSec.getByRole('presentation')
+        reqType         : Locator = this.reqBuilderMain.getByRole('combobox')
+        reqBodySection  : Locator = this.reqBuilderMain.locator('div',{hasText:'Headers'}).getByRole('button',{name: 'Body'})
+        reqBody         : Locator = this.reqBuilderMain.locator('div').filter({has: this.page.getByRole('presentation')})
+                                                        .filter({hasText:'Request Body (JSON)'}).last()
+                                                        .getByRole('textbox') 
+
 
     async get(url:string):Promise<string> 
     {
         await this.fillUrl.fill(url)
 
         await this.reqType.selectOption('GET')
-        await this.sendBtn.click()
-        return await this.getResponseResult()
     }
 
     async post(url: string, data : string) 
-    {
-        await this.fillUrl.fill(url)
-        await this.reqType.selectOption('POST')
-        await this.fillRequestBody(data)
-        await this.sendBtn.click()
-        return await this.getResponseResult()
-    }
+        {await this.apiwrap('POST', url, data)}
 
     async patch(url: string, data: string) 
-    {
-        await this.fillUrl.fill(url)
-        await this.reqType.selectOption('PATCH')
-        await this.fillRequestBody(data)
-        await this.sendBtn.click()
-        return await this.getResponseResult()
-    }
+        {await this.apiwrap('PATCH', url, data)}
 
-    private async fillRequestBody (data: string) 
-    {
+    private async fillRequestBody (data: string) {
         await this.clearall(this.reqBody)
         await this.reqBody.fill(data)
     }
 
-    private async getResponseResult() 
-    {
-        await this.page.waitForLoadState('domcontentloaded')
+    async getResponseResult(collectionName?:string, reqName?:string) {
+        if(collectionName && reqName){
+            const neededReq = await this.optionSection.getByRole('button',{name: reqName})
+            if (await neededReq.isVisible()) {
+                await neededReq.click()
+            } else {
+                await this.selectReq(collectionName, reqName)
+            }
+        }
+        await this.sendBtn.click()
+        await this.page.waitForLoadState('networkidle')
         await this.responseBody.locator('.view-line').last().textContent()
         let result = await this.responseBody.textContent()
         result = result.replace(/\u00A0/g, ' ')
         return result
     }
+
+    private async apiwrap(method:string, url:string, data: string) {{
+        await this.fillUrl.fill(url)
+        await this.reqType.selectOption(method)
+        await this.reqBodySection.click()
+        await this.fillRequestBody(data)
+        }
+    }
+
 
+    async selectReq(collName:string, reqName:string) {
+        await this.optionSection.getByRole('button',{name:collName}).click()
+        await this.optionSection.getByRole('button',{name: reqName}).click()
+    }
 }

e2e/object-models/collection-model.ts

@@ -7,7 +7,7 @@ export class CollectionModel extends BasePage {
     constructor(page: Page) {
         super(page)
     }
-
+    saveToCollectionBtn : Locator = this.page.getByTitle('Save to collection')
 
     async createCollection(colName: string) 
     {
@@ -19,13 +19,13 @@ export class CollectionModel extends BasePage {
 
     async saveToCollection(postNam: string, collNam: string) 
     {
-        await this.page.getByTitle('Save to collection').click()
+        await this.saveToCollectionBtn.click()
         // get the collection block
         const collDiv = await this.page.locator('div')
                                        .filter({ hasText: 'Request Name (optional)' })
                                        .filter({ hasText: 'Select Collection' }).last()
         await collDiv.getByRole('textbox').fill(postNam)
         await collDiv.getByRole('button').filter({ hasText: collNam }).click()
-        await collDiv.getByLabel('Request Name (optional)').waitFor({ state: 'hidden' })
+        await collDiv.waitFor({ state: 'detached' })
     }
 }

e2e/object-models/environment-setting.model.ts

@@ -0,0 +1,47 @@
+import { BasePage} from "./BasePage";
+import { type Page, Locator } from "@playwright/test";
+
+export class EnvSettings extends BasePage {
+    constructor(page:Page) {
+        super(page)
+    }
+    envSec            : Locator = this.page.getByRole('button',{name:'Environment'})
+    envDiv            : Locator = this.page.locator('//div')
+                                            .filter({has: this.envSec})
+                                            .filter({has: this.page
+                                            .getByRole('heading',{name:'Environment'})}).last()
+    createNewEnvBtn   : Locator = this.envDiv.getByRole('button', {name:'+ New'})
+    saveNewEnvBtn     : Locator = this.envDiv.getByRole('button',{name: 'Create'})
+    envNameInput        : Locator = this.envDiv.getByPlaceholder('Environment name')
+    addEnvVarBtn      : Locator = this.envDiv.getByRole('button', {name:'+ Add'})
+    envVarNameInput     : Locator = this.envDiv.getByPlaceholder('Variable name', {exact: true})
+    envVarValueInput    : Locator = this.envDiv.getByPlaceholder('Value')
+    envVarSaveBtn     : Locator = this.envDiv.getByTitle('Add variable')
+    envVarSaveConfirm : Locator = this.envDiv.getByRole('button', {name: 'Save'})
+
+    async createNewEnv(envName:string) {
+        await this.envSec.click()
+        await this.createNewEnvBtn.click()
+        await this.envNameInput.fill(envName)
+        await this.saveNewEnvBtn.click()
+    }
+
+    async addEnvVariable(envName:string , varName:string, varValue: string) {
+        await this.envDiv.locator('div', {hasText: envName})
+                          .filter({hasText: 'Edit'}).last()
+                          .getByRole('button', {name: 'Edit'}).click()
+        await this.addEnvVarBtn.click()
+        await this.envVarNameInput.fill(varName)
+        await this.envVarValueInput.fill(varValue)
+        await this.envVarSaveBtn.click()
+        await this.envVarSaveConfirm.click()
+    }
+
+    async selectEnvironment(envName:string) {
+        await this.page.waitForLoadState('domcontentloaded')
+        await this.topHeader.locator('button:right-of(h1:has-text("RestBolt"))').nth(0).click()
+        await this.topHeader.getByRole('button',{name:envName})
+                         .last()
+                         .click()
+    }
+}