fix test errors

Author: Naseem77

e2e/logic/POM/codeGraph.ts

@@ -152,6 +152,10 @@ export default class CodeGraph extends BasePage {
         return this.page.locator("//main[@data-name='main-chat']/*[last()-1]/p");
     }
 
+    private get responseLoadingImg(): Locator {
+        return this.page.locator("//img[@alt='Waiting for response']");
+    }
+
     /* Canvas Locators*/
 
     private get canvasElement(): Locator {
@@ -277,7 +281,8 @@ export default class CodeGraph extends BasePage {
     }
 
     async getTextInLastChatElement(): Promise<string>{
-        await delay(2500);
+        await this.page.waitForSelector('img[alt="Waiting for response"]', { state: 'hidden' });
+        await delay(2000);
         return (await this.lastElementInChat.textContent())!;
     }
 
@@ -349,6 +354,7 @@ export default class CodeGraph extends BasePage {
             await this.selectGraphInComboBoxByName(graph).waitFor({ state : 'visible'})
             await this.selectGraphInComboBoxByName(graph).click();
         }
+        await delay(2000); // graph animation delay
     }
 
     async createProject(url : string): Promise<void> {
@@ -417,7 +423,7 @@ export default class CodeGraph extends BasePage {
 
     async nodeClick(x: number, y: number): Promise<void> {
         await this.canvasElement.hover({ position: { x, y } });
-        await this.canvasElement.click({ position: { x, y } });
+        await this.canvasElement.click({ position: { x, y }, button: 'right' });
     }
 
     async selectCodeGraphCheckbox(checkbox: string): Promise<void> {

e2e/tests/canvas.spec.ts

@@ -43,15 +43,14 @@ test.describe("Canvas tests", () => {
   test(`Verify center graph button centers nodes in canvas`, async () => {
     const codeGraph = await browser.createNewPage(CodeGraph, urls.baseUrl);
     await codeGraph.selectGraph(GRAPH_ID);
+    await codeGraph.clickCenter();
     const initialGraph = await codeGraph.getCanvasScaling();
-    
     await codeGraph.clickZoomOut();
     await codeGraph.clickZoomOut();
     await codeGraph.clickCenter();
     const updatedGraph = await codeGraph.getCanvasScaling();
     expect(Math.abs(initialGraph.scaleX - updatedGraph.scaleX)).toBeLessThanOrEqual(0.1);
     expect(Math.abs(initialGraph.scaleY - updatedGraph.scaleY)).toBeLessThanOrEqual(0.1);
-
   })
 
   nodes.slice(0,2).forEach((node) => {

e2e/tests/chat.spec.ts

@@ -110,21 +110,22 @@ test.describe("Chat tests", () => {
       const result = await chat.getTextInLastChatElement();
       const number = result.match(/\d+/g)?.[0]!;
       responses.push(number);
+      
     }
     const identicalResponses = responses.every((value) => value === responses[0]);
     expect(identicalResponses).toBe(true);
   });
 
   test(`Validate UI response matches API response for a given question in chat`, async () => {
+    const api = new ApiCalls();
+    const apiResponse = await api.askQuestion(PROJECT_NAME, Node_Question);
     const chat = await browser.createNewPage(CodeGraph, urls.baseUrl);
     await chat.selectGraph(GRAPH_ID);
 
     await chat.sendMessage(Node_Question);
     const uiResponse = await chat.getTextInLastChatElement();
     const number = uiResponse.match(/\d+/g)?.[0]!;
 
-    const api = new ApiCalls();
-    const apiResponse = await api.askQuestion(PROJECT_NAME, Node_Question);
     expect(number).toEqual(apiResponse.result.response.match(/\d+/g)?.[0]);
   });
 });