add sbom info tab tests

Signed-off-by: Carlos Feria <2582866+carlosthe19916@users.noreply.github.com>

Author: carlosthe19916

tests/ui/pages/DetailsPage.ts tests/ui/pages/DetailsPageLayout.tstests/ui/pages/DetailsPage.ts renamed to tests/ui/pages/DetailsPageLayout.ts

@@ -1,12 +1,18 @@
-import { expect, Page } from "@playwright/test";
+import { expect, Locator, Page } from "@playwright/test";
 
-export class DetailsPage {
+export class DetailsPageLayout {
   private _page: Page;
+  _detailsPage: Locator;
 
-  constructor(page: Page) {
+  private constructor(page: Page) {
     this._page = page;
   }
 
+  static async build(page: Page) {
+    await expect(page.locator("nav[aria-label='Breadcrumb']")).toBeVisible();
+    return new DetailsPageLayout(page);
+  }
+
   async selectTab(tabName: string) {
     const tab = this._page.locator("button[role='tab']", { hasText: tabName });
     await expect(tab).toBeVisible();

tests/ui/pages/LabelsModal.ts

@@ -0,0 +1,47 @@
+import { Locator, Page } from "playwright-core";
+import { expect } from "playwright/test";
+
+/**
+ * Used to navigate to different pages
+ */
+export class LabelsModal {
+  private _page: Page;
+  private _dialog: Locator;
+
+  private constructor(page: Page, dialog: Locator) {
+    this._page = page;
+    this._dialog = dialog;
+  }
+
+  static async build(page: Page) {
+    const dialog = page.getByRole("dialog");
+    expect(dialog).toBeVisible();
+    return new LabelsModal(page, dialog);
+  }
+
+  async clickSave() {
+    await this._dialog.locator("button[aria-label='submit']").click();
+    await expect(this._dialog).not.toBeVisible();
+  }
+
+  async addLabels(labels: string[]) {
+    const inputText = this._dialog.getByPlaceholder("Add label");
+
+    for (const label of labels) {
+      await inputText.click();
+      await inputText.fill(label);
+      await inputText.press("Enter");
+    }
+  }
+
+  async removeLabels(labels: string[]) {
+    for (const label of labels) {
+      await this._dialog
+        .locator(".pf-v6-c-label-group__list-item", {
+          hasText: label,
+        })
+        .locator("button")
+        .click();
+    }
+  }
+}

tests/ui/pages/sbom-details/SbomDetailsPage.ts

@@ -0,0 +1,35 @@
+import { expect, Page } from "@playwright/test";
+import { SBOMListPage } from "../Constants";
+import { DetailsPageLayout } from "../DetailsPageLayout";
+import { Navigation } from "../Navigation";
+import { Table } from "../Table";
+import { Toolbar } from "../Toolbar";
+
+export class SbomDetailsPage {
+  private _page: Page;
+  _layout: DetailsPageLayout;
+
+  private constructor(page: Page, layout: DetailsPageLayout) {
+    this._page = page;
+    this._layout = layout;
+  }
+
+  static async build(page: Page, sbomName: string) {
+    const navigation = await Navigation.build(page);
+    await navigation.goToSidebar("SBOMs");
+
+    const toolbar = await Toolbar.build(page, SBOMListPage.toolbarAriaLabel);
+    const table = await Table.build(page, SBOMListPage.tableAriaLabel);
+
+    await toolbar.applyTextFilter(SBOMListPage.filters.filterText, sbomName);
+    await table.waitUntilDataIsLoaded();
+    await table.verifyColumnContainsText("Name", sbomName);
+
+    await page.getByRole("link", { name: "quarkus-bom", exact: true }).click();
+
+    const layout = await DetailsPageLayout.build(page);
+    await expect(page.getByRole("heading", { name: sbomName })).toBeVisible();
+
+    return new SbomDetailsPage(page, layout);
+  }
+}

tests/ui/pages/sbom-details/actions.spec.ts

@@ -0,0 +1,32 @@
+// @ts-check
+
+import { expect, test } from "@playwright/test";
+
+import { login } from "../../helpers/Auth";
+import { SbomDetailsPage } from "./SbomDetailsPage";
+
+test.describe("Action validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Actions - Download SBOM", async ({ page }) => {
+    const detailsPage = await SbomDetailsPage.build(page, "quarkus-bom");
+
+    const downloadPromise = page.waitForEvent("download");
+    await detailsPage._layout.clickOnPageAction("Download SBOM");
+    const download = await downloadPromise;
+    const filename = download.suggestedFilename();
+    expect(filename).toEqual("quarkus-bom.json");
+  });
+
+  test("Actions - Download License Report", async ({ page }) => {
+    const detailsPage = await SbomDetailsPage.build(page, "quarkus-bom");
+
+    const downloadPromise = page.waitForEvent("download");
+    await detailsPage._layout.clickOnPageAction("Download License Report");
+    const download = await downloadPromise;
+    const filename = download.suggestedFilename();
+    expect(filename).toContain("quarkus-bom");
+  });
+});

tests/ui/pages/sbom-details/info/info.spec.ts

@@ -0,0 +1,44 @@
+// @ts-check
+
+import { expect, test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { SbomDetailsPage } from "../SbomDetailsPage";
+import { LabelsModal } from "../../LabelsModal";
+
+test.describe("Info Tab validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Labels", async ({ page }) => {
+    await SbomDetailsPage.build(page, "quarkus-bom");
+    const labels = ["color=red", "production"];
+
+    // Open Edit Labels Modal
+    await page.getByRole("button", { name: "Edit" }).click();
+
+    let labelsModal = await LabelsModal.build(page);
+    await labelsModal.addLabels(labels);
+    await labelsModal.clickSave();
+
+    for (const label of labels) {
+      await expect(
+        page.locator(".pf-v6-c-label-group__list-item", { hasText: label })
+      ).toHaveCount(1);
+    }
+
+    // Clean labels added previously
+    await page.getByRole("button", { name: "Edit" }).click();
+
+    labelsModal = await LabelsModal.build(page);
+    await labelsModal.removeLabels(labels);
+    await labelsModal.clickSave();
+
+    for (const label of labels) {
+      await expect(
+        page.locator(".pf-v6-c-label-group__list-item", { hasText: label })
+      ).toHaveCount(0);
+    }
+  });
+});

tests/ui/pages/sbom-list/actions.spec.ts

@@ -6,6 +6,7 @@ import { login } from "../../helpers/Auth";
 import { SBOMListPage } from "../Constants";
 import { Navigation } from "../Navigation";
 import { Table } from "../Table";
+import { LabelsModal } from "../LabelsModal";
 
 test.describe("Action validations", { tag: "@tier1" }, () => {
   test.beforeEach(async ({ page }) => {
@@ -49,25 +50,11 @@ test.describe("Action validations", { tag: "@tier1" }, () => {
     const table = await Table.build(page, SBOMListPage.tableAriaLabel);
     await table.clickAction("Edit labels", 0);
 
-    // Verify Modal is open
-    const dialog = page.getByRole("dialog");
-    expect(dialog).toBeVisible();
-
-    const saveLabels = async () => {
-      await dialog.locator("button[aria-label='submit']").click();
-      await expect(dialog).not.toBeVisible();
-    };
+    let labelsModal = await LabelsModal.build(page);
 
     // Add labels
-    const inputText = dialog.getByPlaceholder("Add label");
-
-    for (const label of labels) {
-      await inputText.click();
-      await inputText.fill(label);
-      await inputText.press("Enter");
-    }
-
-    await saveLabels();
+    await labelsModal.addLabels(labels);
+    await labelsModal.clickSave();
 
     // Verify labels were added
     await table.waitUntilDataIsLoaded();
@@ -83,18 +70,11 @@ test.describe("Action validations", { tag: "@tier1" }, () => {
     // Clean labels added previously
     await table.clickAction("Edit labels", 0);
 
-    for (const label of labels) {
-      await dialog
-        .locator(".pf-v6-c-label-group__list-item", {
-          hasText: label,
-        })
-        .locator("button")
-        .click();
-    }
+    labelsModal = await LabelsModal.build(page);
+    await labelsModal.removeLabels(labels);
+    await labelsModal.clickSave();
 
-    await saveLabels();
     await table.waitUntilDataIsLoaded();
-
     for (const label of labels) {
       await expect(
         table._table