Init Commit

2026-05-18 11:46:02 +02:00
commit 2de3502fbc
382 changed files with 19583 additions and 0 deletions
@@ -0,0 +1,134 @@
+import { test, expect } from '@playwright/test';
+
+const BASE_URL: string = process.env.TEST_BASE_URL ?? 'http://localhost:1313';
+
+if (!BASE_URL.startsWith('http')) {
+  throw new Error('TEST_BASE_URL must be a valid URL starting with http:// or https://');
+}
+
+test.describe('Search functionality', () => {
+  test.beforeAll(async () => {
+    // Health check
+    try {
+      await fetch(BASE_URL);
+    } catch (error) {
+      console.error(`Failed to connect to ${BASE_URL}. Is the Hugo server running?`);
+      throw error;
+    }
+  });
+
+  test('search page loads correctly', async ({ page }) => {
+    const response = await page.goto(`${BASE_URL}/search`);
+    await expect(page).toHaveTitle(/Search/);
+    await expect(page.locator('h2.mb-4.text-center')).toHaveText('Search the Site');
+    await expect(page.locator('#search-query')).toBeVisible();
+    
+    // Check that the search page returns HTTP status 200
+  });
+
+  test('searching for "theme" shows exactly one result', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Wait for the page to be fully loaded
+    await page.waitForLoadState('networkidle');
+    
+    // Type "theme" in the search box
+    await page.locator('#search-query').fill('theme');
+    
+    // Wait for search results to appear (the debounce is 300ms)
+    await page.waitForTimeout(500);
+    
+    // Check URL is updated with search parameter
+    await expect(page).toHaveURL(/s=theme/);
+    
+    // Verify exactly one result is shown
+    await expect(page.locator('#search-results div[id^="summary-"]')).toHaveCount(1);
+  });
+
+  test('clearing search box removes results', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type something to get results first
+    await page.locator('#search-query').fill('theme');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Verify we have at least one result
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+    
+    // Now clear the search box
+    await page.locator('#search-query').fill('');
+    
+    // Wait for the UI to update
+    await page.waitForTimeout(500);
+    
+    // Check that results are cleared and we have the prompt message
+    await expect(page.locator('#search-results div[id^="summary-"]')).toHaveCount(0);
+    await expect(page.locator('#search-results .alert')).toBeVisible();
+    await expect(page.locator('#search-results .alert')).toHaveText('Please enter at least 2 characters to search');
+  });
+
+  test('searching for "adritian" shows multiple results', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type "adritian" in the search box
+    await page.locator('#search-query').fill('adritian');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Check URL is updated with search parameter
+    await expect(page).toHaveURL(/s=adritian/);
+    
+    // Verify we have multiple results
+    const resultsCount = await page.locator('#search-results div[id^="summary-"]').count();
+    expect(resultsCount).toBeGreaterThan(1);
+  });
+
+  test('search handles special characters correctly', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Test with special characters that might break URL encoding
+    const specialCharQuery = 'test & special';
+    await page.locator('#search-query').fill(specialCharQuery);
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Check URL is properly encoded
+    await expect(page).toHaveURL(`${BASE_URL}/search/?s=test+%26+special`.replace('&', '%26'));
+    
+    // Verify the search box still contains the original query
+    await expect(page.locator('#search-query')).toHaveValue(specialCharQuery);
+  });
+
+  test('search updates results in real-time as user types', async ({ page }) => {
+    await page.goto(`${BASE_URL}/search`);
+    
+    // Type one character at a time and verify the behavior
+    await page.locator('#search-query').fill('a');
+    
+    // With just one character, we should see the minimum character message
+    await page.waitForTimeout(500);
+    await expect(page.locator('#search-results .alert')).toContainText('at least 2 characters');
+    
+    // Type a second character to reach minimum
+    await page.locator('#search-query').fill('ad');
+    
+    // Wait for search results to appear
+    await page.waitForTimeout(500);
+    
+    // Should now show results
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+    
+    // Continue typing to refine search
+    await page.locator('#search-query').fill('adri');
+    
+    // Wait for updated results
+    await page.waitForTimeout(500);
+    
+    // Should still show results, potentially different count
+    await expect(page.locator('#search-results div[id^="summary-"]').first()).toBeVisible();
+  });
+});