End-to-end tests for Kore using Playwright.
01-layout-navigation.spec.ts- Tests for main layout, navigation, and theming02-icon-sidebar.spec.ts- Tests for the icon sidebar functionality03-cluster-overview.spec.ts- Tests for the cluster overview page04-cluster-import.spec.ts- Tests for the cluster import modal05-settings.spec.ts- Tests for the settings page06-cluster-routes.spec.ts- Tests for cluster route structure
pnpm testpnpm test:uipnpm test:debugpnpm test tests/01-layout-navigation.spec.tspnpm test --headedThe test suite covers:
- Icon sidebar visibility and structure
- Navigation between pages (overview, settings)
- Theme application and persistence
- Responsive layout structure
- Active state indicators
- Add cluster button
- Import modal opening/closing
- Bookmarked clusters display
- Section dividers
- Page structure and content
- Empty state when no clusters
- DataTable display with columns
- Search and refresh functionality
- Column configuration
- Modal structure and tabs
- File import tab
- Folder import tab
- Modal closing (backdrop, button)
- Tab switching behavior
- Page structure
- Appearance settings card
- Theme selector
- Theme persistence
- Navigation
- Route structure validation
- Graceful handling of non-existent clusters
- URL preservation
- Sidebar structure in cluster views
Tests are configured to run with 2 retries in CI environments and generate HTML reports.
- Node.js 18+
- Chromium browser (installed automatically by Playwright)
- Dev server running on http://localhost:1420
- Tests run against the dev server (automatically started by Playwright)
- Some tests verify UI structure without actual cluster data
- Tests are designed to be resilient and handle both empty and populated states