Files
sencho/e2e/auth.spec.ts
T
Anso 4f26f22cce feat: add Community/Pro licensing, fleet view, and UI reorganization (#145)
* feat: add license gating system with Lemon Squeezy integration

Add Community/Pro tier infrastructure:
- LicenseService singleton with Lemon Squeezy license API integration
- /api/license endpoints (GET info, POST activate/deactivate/validate)
- 14-day Pro trial activated automatically on first boot
- 72-hour periodic validation with 30-day offline grace period
- LicenseContext provider for frontend tier awareness
- License settings tab with activation UI and status display
- ProBadge and ProGate reusable components for feature gating
- requirePro per-route guard for backend Pro-only endpoints
- Proxy bypass for /api/license routes (local-only, never proxied)

* feat: add user profile dropdown and reorganize top navigation

- Create UserProfileDropdown component with settings, billing, theme
  toggle (System/Light/Dark), documentation links, and logout button
- Remove logout button from sidebar header
- Remove standalone settings button from top bar
- Move theme toggle from Settings modal to profile dropdown
- Inject app version via Vite define from root package.json
- Add globals.d.ts for __APP_VERSION__ type declaration

* refactor(settings): remove appearance tab from settings modal

Theme toggle was moved to the User Profile Dropdown in the previous
commit. Remove the now-redundant Appearance section, its nav button,
and the unused theme/setTheme props from SettingsModal.

* feat: add fleet view dashboard and about settings section

Fleet Overview: aggregates all nodes into a card grid showing status,
container counts, CPU/RAM/disk usage bars. Pro tier unlocks stack
drill-down with auto-refresh (30s). Backend endpoints /api/fleet/overview
and /api/fleet/node/:nodeId/stacks query nodes in parallel.

About section in Settings: displays version, license tier, status,
instance ID, and links to docs/changelog/issues.

Sidebar perf fix: stack status fetches now run in parallel via
Promise.allSettled instead of sequential for-loop, significantly
reducing load time for nodes with many stacks.

Also removes version number from User Profile Dropdown (now in About).

* fix(ci): resolve Docker build and E2E test failures

- Copy root package.json into frontend build stage so vite.config.ts
  can read the app version during Docker multi-stage build.
- Update auth E2E test: logout button moved into User Profile Dropdown.
- Update nodes E2E test: Settings button moved into User Profile Dropdown.
2026-03-25 08:32:07 -04:00

59 lines
2.2 KiB
TypeScript

/**
* Authentication E2E tests.
* Tests login, logout, and unauthenticated redirect.
*/
import { test, expect } from '@playwright/test';
import { loginAs, isDashboard, TEST_USERNAME, TEST_PASSWORD } from './helpers';
test.describe('Authentication', () => {
test('login with valid credentials shows the dashboard', async ({ page }) => {
await loginAs(page, TEST_USERNAME, TEST_PASSWORD);
expect(await isDashboard(page)).toBe(true);
// URL should not be on a login page
expect(page.url()).not.toMatch(/login/i);
});
test('login with wrong password shows an error', async ({ page }) => {
await page.goto('/');
await page.waitForTimeout(500);
// Skip if already logged in
if (await isDashboard(page)) {
await page.context().clearCookies();
await page.reload();
await page.waitForTimeout(500);
}
await page.locator('#username').fill(TEST_USERNAME);
await page.locator('#password').fill('definitely-wrong-password-xyz');
await page.locator('button:has-text("Login"), button:has-text("Sign in")').first().click();
// Should show error message, not navigate to dashboard
await expect(page.locator('text=/invalid|incorrect|wrong|failed/i')).toBeVisible({ timeout: 5_000 });
expect(await isDashboard(page)).toBe(false);
});
test('visiting the app without auth redirects to login', async ({ page }) => {
await page.context().clearCookies();
await page.goto('/');
await page.waitForTimeout(1_000);
// Should be on login or setup, not dashboard
expect(await isDashboard(page)).toBe(false);
// Login button or setup form should be visible
const loginOrSetup = await page.locator(
'button:has-text("Login"), button:has-text("Sign in"), button[type="submit"]'
).first().isVisible();
expect(loginOrSetup).toBe(true);
});
test('logout returns to the login screen', async ({ page }) => {
await loginAs(page);
// Log Out is inside the User Profile Dropdown — open it first
await page.getByRole('button', { name: /profile/i }).click();
await page.getByRole('button', { name: /log out/i }).click();
await page.waitForTimeout(1_000);
expect(await isDashboard(page)).toBe(false);
});
});