test #306

Author: Naseem77

e2e/logic/POM/codeGraph.ts

@@ -192,6 +192,10 @@ export default class CodeGraph extends BasePage {
         return this.page.locator("//div[@data-name='node-details-panel']/main/div[1]/p[2]");
     }
 
+    private get nodedetailsPanelElements(): Locator {
+        return this.page.locator("//div[@data-name='node-details-panel']/main/div/p[1]");
+    }
+
     /* NavBar functionality */
     async clickOnFalkorDbLogo(): Promise<Page> {
         await this.page.waitForLoadState('networkidle'); 
@@ -451,4 +455,10 @@ export default class CodeGraph extends BasePage {
         return await this.nodedetailsPanelID.innerHTML();
     }
 
+    async getNodeDetailsPanelElements(): Promise<string[]> {
+        await this.elementMenuButton("View Node").click();
+        await delay(500)
+        const elements = await this.nodedetailsPanelElements.all();
+        return Promise.all(elements.map(element => element.innerHTML()));
+    }
 }

e2e/tests/codeGraph.spec.ts

@@ -252,17 +252,14 @@ test.describe("Code graph tests", () => {
       await codeGraph.clickOnshowPathBtn();
       await codeGraph.insertInputForShowPath("1", firstNode);
       await codeGraph.insertInputForShowPath("2", secondNode);
-      const result = await codeGraph.getCanvasAnalysis();
-      console.log(result);
-      
+      const result = await codeGraph.getCanvasAnalysis();  
       const res = [];
       for (const node of result.green) {
           await codeGraph.rightClickOnNode(node.x, node.y);
           const details = await codeGraph.getNodeDetailsHeader();
           await codeGraph.clickOnNodeDetailsCloseBtn();
           res.push(details);
       }
-      console.log(res);
 
       expect(res.some((item) => item.includes(firstNode.toUpperCase()))).toBe(true);
       expect(res.some((item) => item.includes(secondNode.toUpperCase()))).toBe(true);
@@ -302,5 +299,30 @@ test.describe("Code graph tests", () => {
     );
     expect(containsDetails).toBe(true);
   });
- 
-});
+
+  test(`Validate view node panel keys for required and optional fields`, async () => {
+    const codeGraph = await browser.createNewPage(CodeGraph, urls.baseUrl);
+    await codeGraph.selectGraph(GRAPH_ID);
+    const analysis = await codeGraph.getCanvasAnalysis();
+    const requiredKeys: string[] = ['id', 'name', 'args', 'path', 'src_end', 'src_start'];
+    const optionalKeys: string[] = ['src']; 
+    await Promise.all(
+        analysis.green.slice(0, 2).map(async (node) => {
+            await codeGraph.rightClickOnNode(node.x, node.y);
+            const elements = await codeGraph.getNodeDetailsPanelElements();
+            
+            requiredKeys.forEach((key) => {
+                const isKeyPresent = elements.some((element) => element.includes(key));
+                expect(isKeyPresent).toBe(true); 
+            });
+            optionalKeys.forEach((key) => {
+                const isKeyPresent = elements.some((element) => element.includes(key));
+                if (isKeyPresent) {
+                  expect(isKeyPresent).toBe(true); 
+                }
+            });
+        })
+    );
+  });
+
+ });