Fixed some references to dedicatedSearch in Advisory Explorer steps and some CSS.

Author: vobratil

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

@@ -10,8 +10,8 @@ const VULNERABILITIES_TABLE_NAME = "vulnerability table";
 Given(
   "User visits Advisory details Page of {string}",
   async ({ page }, advisoryID) => {
-    const searchPage = new SearchPage(page);
-    await searchPage.dedicatedSearch("Advisories", advisoryID);
+    const searchPage = new SearchPage(page, "Advisories");
+    await searchPage.dedicatedSearch(advisoryID);
     await page.getByRole("link", { name: advisoryID }).click();
   }
 );
@@ -20,16 +20,16 @@ Given(
 When(
   "User searches for an advisory named {string} in the general search bar",
   async ({ page }, item) => {
-    const searchPage = new SearchPage(page);
+    const searchPage = new SearchPage(page, "Dashboard");
     await searchPage.generalSearch("Advisories", item);
   }
 );
 
 When(
   "User searches for {string} in the dedicated search bar",
   async ({ page }, advisoryID) => {
-    const searchPage = new SearchPage(page);
-    await searchPage.dedicatedSearch("Advisories", advisoryID);
+    const searchPage = new SearchPage(page, "Advisories");
+    await searchPage.dedicatedSearch(advisoryID);
   }
 );
 
@@ -43,10 +43,13 @@ Then(
 );
 
 // Advisory Explorer
-Then("The vulnerabilities table is sorted by {string}", async ({ page }, columnName) => {
-  const toolbarTable = new ToolbarTable(page, VULNERABILITIES_TABLE_NAME);
-  await toolbarTable.verifyTableIsSortedBy(columnName);
-});
+Then(
+  "The vulnerabilities table is sorted by {string}",
+  async ({ page }, columnName) => {
+    const toolbarTable = new ToolbarTable(page, VULNERABILITIES_TABLE_NAME);
+    await toolbarTable.verifyTableIsSortedBy(columnName);
+  }
+);
 
 Then(
   "The vulnerabilities table total results is {int}",
@@ -63,77 +66,3 @@ Then(
     await toolbarTable.verifyColumnContainsText(columnName, expectedValue);
   }
 );
-
-
-// // SBOMS
-
-// Then("The SBOMs table is sorted by {string}", async ({ page }, columnName) => {
-//   const toolbarTable = new ToolbarTable(page, SBOM_TABLE_NAME);
-//   await toolbarTable.verifyTableIsSortedBy(columnName);
-// });
-
-// Then(
-//   "The SBOMs table total results is {int}",
-//   async ({ page }, totalResults) => {
-//     const toolbarTable = new ToolbarTable(page, SBOM_TABLE_NAME);
-//     await toolbarTable.verifyPaginationHasTotalResults(totalResults);
-//   }
-// );
-
-// Then(
-//   "The SBOMs table total results is greather than {int}",
-//   async ({ page }, totalResults) => {
-//     const toolbarTable = new ToolbarTable(page, SBOM_TABLE_NAME);
-//     await toolbarTable.verifyPaginationHasTotalResultsGreatherThan(
-//       totalResults
-//     );
-//   }
-// );
-
-// Then(
-//   "The {string} column of the SBOM table contains {string}",
-//   async ({ page }, columnName, expectedValue) => {
-//     const toolbarTable = new ToolbarTable(page, SBOM_TABLE_NAME);
-//     await toolbarTable.verifyColumnContainsText(columnName, expectedValue);
-//   }
-// );
-
-// // Advisories
-
-// Then("User selects the Tabs {string}", async ({ page }, tabName) => {
-//   await page.getByText(tabName).click();
-// });
-
-// Then(
-//   "The Advisory table is sorted by {string}",
-//   async ({ page }, columnName) => {
-//     const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-//     await toolbarTable.verifyTableIsSortedBy(columnName);
-//   }
-// );
-
-// Then(
-//   "The Advisory table total results is {int}",
-//   async ({ page }, totalResults) => {
-//     const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-//     await toolbarTable.verifyPaginationHasTotalResults(totalResults);
-//   }
-// );
-
-// Then(
-//   "The Advisory table total results is greather than {int}",
-//   async ({ page }, totalResults) => {
-//     const toolbarTable = new ToolbarTable(page, ADVISORY_TABLE_NAME);
-//     await toolbarTable.verifyPaginationHasTotalResultsGreatherThan(
-//       totalResults
-//     );
-//   }
-// );
-
-// 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);
-//   }
-// );

tests/ui/helpers/DetailsPage.ts

@@ -24,18 +24,23 @@ export class DetailsPage {
 
   async clickOnPageButton(buttonName: string) {
     await this.page.getByRole("button", { name: buttonName }).click();
-  }  
+  }
 
   async verifyPageHeader(header: string) {
     await expect(this.page.getByRole("heading")).toContainText(header);
   }
 
   async verifyButtonIsVisible(button: string) {
-    await expect(this.page.getByRole('button', { name: button })).toBeVisible();
+    await expect(this.page.getByRole("button", { name: button })).toBeVisible();
   }
 
   async verifyPanelIsVisible(panel: string) {
-    await expect(this.page.locator('.pf-v5-c-card__title-text').filter({ hasText: panel }).first()).toBeVisible();
+    await expect(
+      this.page
+        .locator(".pf-v6-c-card__title-text")
+        .filter({ hasText: panel })
+        .first()
+    ).toBeVisible();
   }
 
   async verifyTabIsSelected(tabName: string) {

tests/ui/steps/details-page.ts

@@ -34,12 +34,15 @@ Then("Tab {string} is not visible", async ({ page }, tabName) => {
   await pageWithTabs.verifyTabIsNotVisible(tabName);
 });
 
-Then("File with the name {string} is downloaded", async ({ page }, expectedFilename) => {
-  const downloadPromise = page.waitForEvent("download");
-  const download = await downloadPromise;
-  const actualFilename = download.suggestedFilename();
-  expect(actualFilename).toEqual(expectedFilename);
-});
+Then(
+  "File with the name {string} is downloaded",
+  async ({ page }, expectedFilename) => {
+    const downloadPromise = page.waitForEvent("download");
+    const download = await downloadPromise;
+    const actualFilename = download.suggestedFilename();
+    expect(actualFilename).toEqual(expectedFilename);
+  }
+);
 
 When("User selects the Tab {string}", async ({ page }, tabName) => {
   const detailsPage = new DetailsPage(page);