Gandalf the Greybeard
4844e9667d
Headlamp's PluginSettings component initializes its state from localStorage on mount and never syncs when props.plugins updates later. If the settings page loads before fetchAndExecutePlugins completes, the plugin list stays empty and the test can't find "headlamp-polaris". Fix: navigate to the main page first, wait for the Polaris sidebar entry to confirm the plugin is loaded (which populates localStorage), then navigate to the settings page. Co-Authored-By: Paperclip <noreply@paperclip.ing>
97 lines
3.6 KiB
TypeScript
97 lines
3.6 KiB
TypeScript
import { test, expect, Page } from '@playwright/test';
|
|
|
|
/** Navigate to the Polaris plugin settings page and wait for settings to render. */
|
|
async function goToPolarisSettings(page: Page) {
|
|
// Load the main page first so Headlamp fetches the plugin list and stores
|
|
// it in localStorage (headlampPluginSettings). The PluginSettings component
|
|
// initializes its state from localStorage on mount, so the data must already
|
|
// be there before we navigate to the settings page.
|
|
await page.goto('/');
|
|
const sidebar = page.getByRole('navigation', { name: 'Navigation' });
|
|
await expect(sidebar).toBeVisible({ timeout: 15_000 });
|
|
await expect(sidebar.getByRole('button', { name: 'Polaris' })).toBeVisible({
|
|
timeout: 15_000,
|
|
});
|
|
|
|
// Now navigate to plugin settings — localStorage has the plugin list
|
|
await page.goto('/c/main/settings/plugins');
|
|
|
|
// Find and click the Polaris plugin entry to open its settings
|
|
const pluginEntry = page.locator('text=headlamp-polaris').first();
|
|
await expect(pluginEntry).toBeVisible({ timeout: 15_000 });
|
|
await pluginEntry.click();
|
|
|
|
// Wait for the PolarisSettings component to render
|
|
await expect(page.getByText('Polaris Settings')).toBeVisible({ timeout: 15_000 });
|
|
}
|
|
|
|
test.describe('Polaris plugin settings', () => {
|
|
test('settings page shows configuration options', async ({ page }) => {
|
|
await goToPolarisSettings(page);
|
|
|
|
// SectionBox title should be visible
|
|
await expect(page.getByText('Polaris Settings')).toBeVisible();
|
|
});
|
|
|
|
test('refresh interval setting is configurable', async ({ page }) => {
|
|
await goToPolarisSettings(page);
|
|
|
|
// Find the refresh interval dropdown
|
|
const intervalSelect = page.locator('select').filter({ hasText: /minute|second/ });
|
|
await expect(intervalSelect).toBeVisible();
|
|
|
|
// Get current value
|
|
const currentValue = await intervalSelect.inputValue();
|
|
|
|
// Change to a different value
|
|
const newValue = currentValue === '300' ? '600' : '300';
|
|
await intervalSelect.selectOption(newValue);
|
|
|
|
// Value should be updated
|
|
await expect(intervalSelect).toHaveValue(newValue);
|
|
});
|
|
|
|
test('dashboard URL setting is configurable', async ({ page }) => {
|
|
await goToPolarisSettings(page);
|
|
|
|
// Find the dashboard URL input
|
|
const urlInput = page.getByPlaceholder(/polaris-dashboard/);
|
|
await expect(urlInput).toBeVisible();
|
|
|
|
// Input should have the default proxy URL or custom URL
|
|
const currentUrl = await urlInput.inputValue();
|
|
expect(currentUrl).toBeTruthy();
|
|
|
|
// Examples text should be visible
|
|
await expect(page.getByText('Examples:')).toBeVisible();
|
|
await expect(page.getByText(/K8s proxy:/)).toBeVisible();
|
|
});
|
|
|
|
test('connection test button is available', async ({ page }) => {
|
|
await goToPolarisSettings(page);
|
|
|
|
// Find and verify test connection button
|
|
const testButton = page.getByRole('button', { name: /test connection/i });
|
|
await expect(testButton).toBeVisible();
|
|
await expect(testButton).toBeEnabled();
|
|
});
|
|
|
|
test('connection test works with valid URL', async ({ page }) => {
|
|
await goToPolarisSettings(page);
|
|
|
|
// Click test connection
|
|
const testButton = page.getByRole('button', { name: /test connection/i });
|
|
await testButton.click();
|
|
|
|
// Wait for either success or error message
|
|
// Note: This will succeed if Polaris is accessible, fail otherwise
|
|
await page.waitForSelector('text=/Connected successfully|Connection failed/', {
|
|
timeout: 15_000,
|
|
});
|
|
|
|
// Either success or failure is acceptable (depends on environment)
|
|
const result = await page.textContent('body');
|
|
expect(result).toMatch(/(Connected successfully|Connection failed)/);
|
|
});
|
|
});
|