diff --git a/src/pages/storage/StorageVolumeOverview.tsx b/src/pages/storage/StorageVolumeOverview.tsx index 1eb2d16b1..63ae96c65 100644 --- a/src/pages/storage/StorageVolumeOverview.tsx +++ b/src/pages/storage/StorageVolumeOverview.tsx @@ -7,6 +7,7 @@ import { LxdStorageVolume } from "types/storage"; import { isoTimeToString } from "util/helpers"; import StorageVolumeSize from "pages/storage/StorageVolumeSize"; import { renderContentType, renderVolumeType } from "util/storageVolume"; +import { Link } from "react-router-dom"; interface Props { project: string; @@ -49,6 +50,16 @@ const StorageVolumeOverview: FC = ({ project, volume }) => { Location {volume.location} + + Pool + + + {volume.pool} + + + Date created {isoTimeToString(volume.created_at)} diff --git a/tests/storage.spec.ts b/tests/storage.spec.ts index a292013ce..5c27e0ea0 100644 --- a/tests/storage.spec.ts +++ b/tests/storage.spec.ts @@ -1,4 +1,4 @@ -import { test } from "./fixtures/lxd-test"; +import { expect, test } from "./fixtures/lxd-test"; import { createPool, deletePool, @@ -105,3 +105,10 @@ test("custom storage volume add snapshot from CTA", async ({ page }) => { await deleteVolume(page, volume); }); + +test("navigate to custom volume via pool used by list", async ({ page }) => { + await visitVolume(page, volume); + await page.locator(`tr:has-text("Pool")`).getByRole("link").click(); + await page.getByRole("link", { name: volume }).click(); + await expect(page).toHaveURL(/volumes\/custom\//); +});