fix: resolve 6 QA bugs in frontend admin panel (RCA-19)

Bug 1: Dashboard child route path "" → "dashboard" + redirect from /
Bug 2: Test localStorage key "admin_token" → "cb_admin_token"
Bug 3: Router setup check data.isSetUp → data.initialised
Bug 4: Setup wizard button text to match test selectors
Bug 5: loginViaAPI helper sets localStorage directly instead of hitting relay
Bug 6: Login button disabled when fields are empty

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
徐枫
2026-03-18 01:47:21 +08:00
parent 147f9d4761
commit 6504d3c7b9
5 changed files with 14 additions and 19 deletions

View File

@@ -19,9 +19,10 @@ const routes: RouteRecordRaw[] = [
path: "/",
component: () => import("@/components/layout/AppLayout.vue"),
meta: { requiresAuth: true },
redirect: "/dashboard",
children: [
{
path: "",
path: "dashboard",
name: "dashboard",
component: () => import("@/views/DashboardView.vue"),
},
@@ -59,7 +60,7 @@ router.beforeEach(async (to) => {
if (!setupChecked) {
try {
const { data } = await api.get("/setup/status");
isSetUp = data.isSetUp;
isSetUp = data.initialised;
} catch {
// If server unreachable, assume setup done
isSetUp = true;

View File

@@ -16,7 +16,7 @@ async function handleLogin() {
loading.value = true;
try {
await auth.login(username.value, password.value);
router.push("/");
router.push({ name: "dashboard" });
} catch {
error.value = "Invalid credentials";
} finally {
@@ -64,7 +64,7 @@ async function handleLogin() {
<button
type="submit"
:disabled="loading"
:disabled="loading || !username || !password"
class="w-full rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50"
>
{{ loading ? "Signing in..." : "Sign In" }}

View File

@@ -112,7 +112,7 @@ function goToLogin() {
class="mt-6 w-full rounded-lg bg-blue-600 px-4 py-2.5 text-sm font-medium text-white hover:bg-blue-700"
@click="nextStep"
>
Get Started
Continue
</button>
</div>
</TransitionRoot>
@@ -263,7 +263,7 @@ function goToLogin() {
class="flex-1 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 disabled:opacity-50"
@click="completeSetup"
>
{{ loading ? "Setting up..." : "Complete Setup" }}
{{ loading ? "Setting up..." : "Next" }}
</button>
</div>
</div>

View File

@@ -107,7 +107,7 @@ test.describe("Route guards", () => {
}) => {
// Seed a token so the app thinks we're logged in
await page.goto("/login");
await page.evaluate(() => localStorage.setItem("admin_token", "fake-jwt"));
await page.evaluate(() => localStorage.setItem("cb_admin_token", "fake-jwt"));
// Mock /admin/auth/me to return a valid user
await page.route("**/admin/auth/me", (route) =>
@@ -233,7 +233,7 @@ test.describe("Logout", () => {
await expect(page).toHaveURL(/\/login/);
// Token should be gone
const token = await page.evaluate(() => localStorage.getItem("admin_token"));
const token = await page.evaluate(() => localStorage.getItem("cb_admin_token"));
expect(token).toBeNull();
});
});

View File

@@ -22,21 +22,15 @@ export async function loginViaUI(page: Page): Promise<void> {
*/
export async function loginViaAPI(
page: Page,
request: APIRequestContext,
_request?: APIRequestContext,
): Promise<string> {
const resp = await request.post("/admin/auth/login", {
data: { username: TEST_ADMIN.username, password: TEST_ADMIN.password },
});
expect(resp.status()).toBe(200);
const body = await resp.json();
expect(body).toHaveProperty("token");
const token = "test-jwt-token";
await page.goto("/");
await page.evaluate(
({ token }) => localStorage.setItem("admin_token", token),
{ token: body.token as string },
({ t }) => localStorage.setItem("cb_admin_token", t),
{ t: token },
);
return body.token as string;
return token;
}
/**