Add more tests

Author: carlosthe19916

tests/ui/pages/package-details/PackageDetailsPage.ts

@@ -0,0 +1,37 @@
+import { expect, Page } from "@playwright/test";
+import { DetailsPageLayout } from "../DetailsPageLayout";
+import { Navigation } from "../Navigation";
+import { VulnerabilityListPage } from "../vulnerability-list/VulnerabilityListPage";
+import { PackageListPage } from "../package-list/PackageListPage";
+
+export class PackageDetailsPage {
+  private readonly _page: Page;
+  _layout: DetailsPageLayout;
+
+  private constructor(page: Page, layout: DetailsPageLayout) {
+    this._page = page;
+    this._layout = layout;
+  }
+
+  static async build(page: Page, packageName: string) {
+    const navigation = await Navigation.build(page);
+    await navigation.goToSidebar("Packages");
+
+    const listPage = await PackageListPage.build(page);
+    const toolbar = await listPage.getToolbar();
+    const table = await listPage.getTable();
+
+    await toolbar.applyTextFilter("Filter text", packageName);
+    await table.waitUntilDataIsLoaded();
+    await table.verifyColumnContainsText("Name", packageName);
+
+    await page.getByRole("link", { name: packageName, exact: true }).click();
+
+    const layout = await DetailsPageLayout.build(page);
+    await expect(
+      page.getByRole("heading", { name: packageName })
+    ).toBeVisible();
+
+    return new PackageDetailsPage(page, layout);
+  }
+}

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

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { PackageDetailsPage } from "../PackageDetailsPage";
+
+test.describe("Info Tab validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Labels", async ({ page }) => {
+    await PackageDetailsPage.build(page, "keycloak-core");
+    // Verify
+  });
+});

tests/ui/pages/package-details/sboms/SbomsTab.ts

@@ -0,0 +1,37 @@
+import { Page } from "@playwright/test";
+import { PackageDetailsPage } from "../PackageDetailsPage";
+import { Toolbar } from "../../Toolbar";
+import { Table } from "../../Table";
+import { Pagination } from "../../Pagination";
+
+export class SbomsTab {
+  private readonly _page: Page;
+  _detailsPage: PackageDetailsPage;
+
+  private constructor(page: Page, layout: PackageDetailsPage) {
+    this._page = page;
+    this._detailsPage = layout;
+  }
+
+  static async build(page: Page, packageName: string) {
+    const detailsPage = await PackageDetailsPage.build(page, packageName);
+    await detailsPage._layout.selectTab("SBOMs using package");
+
+    return new SbomsTab(page, detailsPage);
+  }
+
+  async getToolbar() {
+    return await Toolbar.build(this._page, "SBOM toolbar");
+  }
+
+  async getTable() {
+    return await Table.build(this._page, "SBOM table");
+  }
+
+  async getPagination(top: boolean = true) {
+    return await Pagination.build(
+      this._page,
+      `sbom-table-pagination-${top ? "top" : "bottom"}`
+    );
+  }
+}

tests/ui/pages/package-details/sboms/columns.spec.ts

@@ -0,0 +1,38 @@
+// @ts-check
+
+import { expect, test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { SbomsTab } from "./SbomsTab";
+
+test.describe("Columns validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Columns", async ({ page }) => {
+    const sbomTab = await SbomsTab.build(page, "keycloak-core");
+    const table = await sbomTab.getTable();
+
+    const ids = await table._table
+      .locator(`td[data-label="Name"]`)
+      .allInnerTexts();
+    const idIndex = ids.indexOf("quarkus-bom");
+    expect(idIndex).not.toBe(-1);
+
+    // Name
+    await expect(
+      table._table.locator(`td[data-label="Name"]`).nth(idIndex)
+    ).toContainText("quarkus-bom");
+
+    // Version
+    await expect(
+      table._table.locator(`td[data-label="Version"]`).nth(idIndex)
+    ).toContainText("2.13.8.Final-redhat-00004");
+
+    // Supplier
+    await expect(
+      table._table.locator(`td[data-label="Supplier"]`).nth(idIndex)
+    ).toContainText("Organization: Red Hat");
+  });
+});

tests/ui/pages/package-details/sboms/filter.spec.ts

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { SbomsTab } from "./SbomsTab";
+
+// Tables does not have filters
+test.describe.skip("Filter validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Filters", async ({ page }) => {
+    await SbomsTab.build(page, "keycloak-core");
+  });
+});

tests/ui/pages/package-details/sboms/pagination.spec.ts

@@ -0,0 +1,30 @@
+// @ts-check
+
+import { test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { SbomsTab } from "./SbomsTab";
+
+// Number of items in table are below single page to be able to test
+// Inf a Vulnerability that contains significant number of impacted SBOMs
+test.describe.skip("Pagination validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Navigation button validations", async ({ page }) => {
+    const sbomTab = await SbomsTab.build(page, "keycloak-core");
+    const pagination = await sbomTab.getPagination();
+
+    await pagination.validatePagination();
+  });
+
+  test("Items per page validations", async ({ page }) => {
+    const sbomTab = await SbomsTab.build(page, "keycloak-core");
+
+    const pagination = await sbomTab.getPagination();
+    const table = await sbomTab.getTable();
+
+    await pagination.validateItemsPerPage("Name", table);
+  });
+});

tests/ui/pages/package-details/sboms/sort.spec.ts

@@ -0,0 +1,28 @@
+// @ts-check
+
+import { test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { SbomsTab } from "./SbomsTab";
+import { expectSort } from "../../Constants";
+
+test.describe("Sort validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Sort", async ({ page }) => {
+    const sbomTab = await SbomsTab.build(page, "keycloak-core");
+    const table = await sbomTab.getTable();
+
+    const columnNameSelector = table._table.locator(`td[data-label="Name"]`);
+
+    const ascList = await columnNameSelector.allInnerTexts();
+    expectSort(ascList, true);
+
+    // Reverse sorting
+    await table.clickSortBy("Name");
+    const descList = await columnNameSelector.allInnerTexts();
+    expectSort(descList, false);
+  });
+});

tests/ui/pages/package-details/vulnerabilities/VulnerabilitiesTab.ts

@@ -0,0 +1,37 @@
+import { Page } from "@playwright/test";
+import { PackageDetailsPage } from "../PackageDetailsPage";
+import { Toolbar } from "../../Toolbar";
+import { Table } from "../../Table";
+import { Pagination } from "../../Pagination";
+
+export class VulnerabilitiesTab {
+  private readonly _page: Page;
+  _detailsPage: PackageDetailsPage;
+
+  private constructor(page: Page, layout: PackageDetailsPage) {
+    this._page = page;
+    this._detailsPage = layout;
+  }
+
+  static async build(page: Page, packageName: string) {
+    const detailsPage = await PackageDetailsPage.build(page, packageName);
+    await detailsPage._layout.selectTab("Vulnerabilities");
+
+    return new VulnerabilitiesTab(page, detailsPage);
+  }
+
+  async getToolbar() {
+    return await Toolbar.build(this._page, "vulnerability toolbar");
+  }
+
+  async getTable() {
+    return await Table.build(this._page, "vulnerability table");
+  }
+
+  async getPagination(top: boolean = true) {
+    return await Pagination.build(
+      this._page,
+      `vulnerability-table-pagination-${top ? "top" : "bottom"}`
+    );
+  }
+}

tests/ui/pages/package-details/vulnerabilities/columns.spec.ts

@@ -0,0 +1,36 @@
+// @ts-check
+
+import { expect, test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { VulnerabilitiesTab } from "./VulnerabilitiesTab";
+
+test.describe("Columns validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Columns", async ({ page }) => {
+    const vulnerabilitiesTab = await VulnerabilitiesTab.build(
+      page,
+      "keycloak-core"
+    );
+    const table = await vulnerabilitiesTab.getTable();
+
+    const ids = await table._table
+      .locator(`td[data-label="ID"]`)
+      .allInnerTexts();
+    const idIndex = ids.indexOf("CVE-2023-1664");
+    expect(idIndex).not.toBe(-1);
+
+    // Name
+    await expect(
+      table._table.locator(`td[data-label="ID"]`).nth(idIndex)
+    ).toContainText("CVE-2023-1664");
+
+    // Title
+    await expect(
+      table._table.locator(`td[data-label="CVSS"]`).nth(idIndex)
+    ).toContainText("Medium(6.5)");
+  });
+});

tests/ui/pages/package-details/vulnerabilities/filter.spec.ts

@@ -0,0 +1,17 @@
+// @ts-check
+
+import { test } from "@playwright/test";
+
+import { login } from "../../../helpers/Auth";
+import { VulnerabilitiesTab } from "./VulnerabilitiesTab";
+
+// Tables does not have filters
+test.describe.skip("Filter validations", { tag: "@tier1" }, () => {
+  test.beforeEach(async ({ page }) => {
+    await login(page);
+  });
+
+  test("Filters", async ({ page }) => {
+    await VulnerabilitiesTab.build(page, "keycloak-core");
+  });
+});