Automate Vulnerability page Related Advisories tab (#74)

Co-authored-by: Adva Oren <aoren@aoren-thinkpadp1gen7.raanaii.csb>

Author: a-oren

tests/ui/features/@vulnerability-explorer/vulnerability-explorer.feature

@@ -49,8 +49,18 @@ Feature: Vulnerability Explorer - View Vulnerability details
     # Related advisories
     Scenario Outline: View related Advisories
         Given User visits Vulnerability details Page of "<vulnerabilityID>"
+        Then Tab "Advisories" is visible
         Then The page title is "<vulnerabilityID>"
 
+        Then User navigates to the Related Advisories tab on the Vulnerability Overview page
+        Then Pagination of Advisories list works
+        Then A list of all active Advisories tied to the Vulnerability should display
+        And The "ID, Title, Type, Revision, Vulnerabilities" information should be visible for each advisory
+        And The advisories should be sorted by "<columnName>"
+        Then User searches for "<advisoryID>"
+        Then User visits Advisory details Page of "<advisoryID>"
+        Then The page title is "<advisoryID>"
+
         Examples:
-            | vulnerabilityID |
-            | CVE-2023-1664   |
+            | vulnerabilityID |        advisoryID |     columnName |     
+            | CVE-2023-1664|         CVE-2023-1664 |  ID | 

tests/ui/features/@vulnerability-explorer/vulnerability-explorer.step.ts

@@ -127,41 +127,61 @@ Then(
 );
 
 // Advisories
+Then(
+  "User navigates to the Related Advisories tab on the Vulnerability Overview page",
+  async ({ page }) => {
+    await page.getByRole("tab", { name: "Advisories" }).click();
+  }
+);
 
-Then("User selects the Tabs {string}", async ({ page }, tabName) => {
-  await page.getByText(tabName).click();
+Then("Pagination of Advisories list works", async ({ page }) => {
+  const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
+  const advisoryTableTopPagination = `xpath=//div[@id="advisory-table-pagination-top"]`;
+  await toolbarTable.verifyPagination(advisoryTableTopPagination);
 });
 
 Then(
-  "The Advisory table is sorted by {string}",
-  async ({ page }, columnName) => {
+  "A list of all active Advisories tied to the Vulnerability should display",
+  async ({ page }) => {
     const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-    await toolbarTable.verifyTableIsSortedBy(columnName);
+    await toolbarTable.verifyPaginationHasTotalResultsGreatherThan(0);
   }
 );
 
 Then(
-  "The Advisory table total results is {int}",
-  async ({ page }, totalResults) => {
-    const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-    await toolbarTable.verifyPaginationHasTotalResults(totalResults);
+  "The {string} information should be visible for each advisory",
+  async ({ page }, columnHeaders) => {
+    const headers = columnHeaders.split(`,`).map((column) => column.trim());
+
+    for (const header of headers) {
+      console.log(`Checking visibility of column header: ${header}`);
+      const headerElement = page.getByRole("columnheader", { name: header });
+      if (await headerElement.count()) {
+        await expect(headerElement).toBeVisible();
+      } else {
+        await expect(page.getByRole("button", { name: header })).toBeVisible();
+      }
+    }
   }
 );
 
 Then(
-  "The Advisory table total results is greather than {int}",
-  async ({ page }, totalResults) => {
+  "The advisories should be sorted by {string}",
+  async ({ page }, columnName) => {
     const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-    await toolbarTable.verifyPaginationHasTotalResultsGreatherThan(
-      totalResults
-    );
+    await toolbarTable.verifyTableIsSortedBy(columnName);
   }
 );
 
+Then("User searches for {string}", async ({ page }, advisoryID) => {
+  const searchPage = new ToolbarTable(page, ADVISORY_TABLE_NAME);
+  await searchPage.filterByText(advisoryID);
+});
+
 Then(
-  "The {string} column of the Advisory table contains {string}",
-  async ({ page }, columnName, expectedValue) => {
-    const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-    await toolbarTable.verifyColumnContainsText(columnName, expectedValue);
+  "User visits Advisory details Page of {string}",
+  async ({ page }, advisoryID) => {
+    const link = page.getByRole("link", { name: advisoryID });
+    await link.click();
   }
 );