diff --git a/apps/spruce/cypress/integration/distroSettings/navigation.ts b/apps/spruce/cypress/integration/distroSettings/navigation.ts
index 5c86291f9..36b6fe409 100644
--- a/apps/spruce/cypress/integration/distroSettings/navigation.ts
+++ b/apps/spruce/cypress/integration/distroSettings/navigation.ts
@@ -14,7 +14,8 @@ describe("distroSettings/navigation", () => {
cy.location("pathname").should("not.contain", "localhost");
cy.location("pathname").should("contain", "rhel71-power8-large");
});
- it("navigates to the task queue for the selected distro", () => {
+
+ it("can navigate to the task queue for the selected distro", () => {
cy.dataCy("navitem-task-queue-link").should(
"have.attr",
"href",
@@ -22,6 +23,22 @@ describe("distroSettings/navigation", () => {
);
});
+ it("can navigate to the image build information for the selected distro", () => {
+ cy.dataCy("navitem-image-build-information-link").should(
+ "have.attr",
+ "href",
+ "/image/ubuntu2204/build-information",
+ );
+ });
+
+ it("can navigate to the image event log for the selected distro", () => {
+ cy.dataCy("navitem-image-event-log-link").should(
+ "have.attr",
+ "href",
+ "/image/ubuntu2204/event-log",
+ );
+ });
+
describe("warning modal", () => {
it("warns when navigating away from distro settings with unsaved changes and allows returning to distro settings", () => {
cy.getInputByLabel("Notes").type("my note");
diff --git a/apps/spruce/src/pages/distroSettings/index.tsx b/apps/spruce/src/pages/distroSettings/index.tsx
index 5f2b4f438..0fddf1972 100644
--- a/apps/spruce/src/pages/distroSettings/index.tsx
+++ b/apps/spruce/src/pages/distroSettings/index.tsx
@@ -10,10 +10,13 @@ import {
PageWrapper,
} from "components/styles";
import { SideNavItemLink } from "components/styles/SideNav";
+import { showImageVisibilityPage } from "constants/featureFlags";
import {
DistroSettingsTabRoutes,
getDistroSettingsRoute,
+ getImageRoute,
getTaskQueueRoute,
+ ImageTabRoutes,
slugs,
} from "constants/routes";
import { size } from "constants/tokens";
@@ -89,6 +92,28 @@ const DistroSettings: React.FC = () => {
>
Task Queue
+ {showImageVisibilityPage && (
+
+ Image Build Information
+
+ )}
+ {showImageVisibilityPage && (
+
+ Image Event Log
+
+ )}