gortium/openconcho
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): render sidebar on settings route

Browse Source 
Settings page was rendering Outlet directly, omitting the Sidebar nav.
Adds a playwright e2e test asserting sidebar visibility on both
dashboard and settings routes.
This commit is contained in:
Offending Commit
2026-05-03 16:58:43 -05:00
parent 784cbee870
commit 557fecf038
6 changed files with 92 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
packages/web/e2e/sidebar.spec.ts Normal file
View File

@@ -0,0 +1,29 @@
import { expect, test } from "@playwright/test";
const CONFIG_KEY = "openconcho:config";
const CONFIG_VALUE = JSON.stringify({ baseUrl: "http://localhost:9999", token: "" });
test.describe("Sidebar", () => {
test.beforeEach(async ({ context }) => {
await context.addInitScript(
([key, value]) => {
window.localStorage.setItem(key, value);
},
[CONFIG_KEY, CONFIG_VALUE],
);
});
test("renders the sidebar nav on the dashboard route", async ({ page }) => {
await page.goto("/");
await expect(page.getByRole("complementary")).toBeVisible();
await expect(page.getByRole("link", { name: /dashboard/i })).toBeVisible();
await expect(page.getByRole("link", { name: /workspaces/i })).toBeVisible();
await expect(page.getByRole("link", { name: /settings/i })).toBeVisible();
});
test("renders the sidebar nav on the settings route", async ({ page }) => {
await page.goto("/settings");
await expect(page.getByRole("complementary")).toBeVisible();
await expect(page.getByRole("link", { name: /dashboard/i })).toBeVisible();
});
});