Change Details

**Parent Ticket:** [ Frontend MVP Polish & Standardization](https://phabricator.wikimedia.org/T412995) **Domain:** Coding **Difficulty:** **Description:** The application requires a complete End-to-End (E2E) testing suite to verify that all routes and critical user interactions function correctly before release. This ticket involves writing Playwright specs for every page in the application, ensuring that navigation, data loading, and interactive elements (like graphs and forms) work as expected. * **Configuration:** Finalize `playwright.config.ts` for multi-browser support (Chromium, Firefox, WebKit). * **Scope:** Create test files for all application routes: 1. **Home (`/`):** Verify load and search redirection. 2. **Actor List (`/actors`):** Verify search inputs, filtering, and list rendering. 3. **Actor Details (`/actors/[id]`):** Verify profile data, "Network Graph" rendering, and "Career Stats" loading. 4. **Production List (`/productions`):** Verify search inputs and grid layout. 5. **Production Details (`/productions/[id]`):** Verify cast list and metadata. 6. **Compare (`/compare`):** Verify the dual-search interaction and results generation. 7. **Clusters (`/clusters`):** Verify the clusters grid loads real data. 8. **404 Page:** Verify that invalid URLs render the custom "Scene Not Found" page. 9. **Navigation:** Verify Header and Footer links work across all pages. **Expected Outcome:** * A `tests/e2e/` directory containing at least 8 distinct test spec files. * `npx playwright test` runs successfully with **0 failures**. * CI pipeline integration (optional but recommended). **Setup Steps:** 1. **Global Setup:** * Verify `playwright.config.ts` uses the correct `baseURL`. 2. **Implement Test Specs:** * `home.spec.ts`: Test search bar functionality. * `actors.spec.ts`: Test infinite scroll (if implemented) and search filtering. * `actor-details.spec.ts`: Wait for canvas/graph to be visible. * `productions.spec.ts`: Test switching between Production types (Movie/TV). * `compare.spec.ts`: Automate selecting Actor A and Actor B. * `clusters.spec.ts`: Verify cluster cards are present. * `navigation.spec.ts`: Test Header/Footer links and the "Skip to Content" link. 3. **Run Suite:** * Execute the full suite locally to catch regressions. **Links/References:** * [Playwright Documentation](https://playwright.dev/) * Parent Ticket: [T412995](https://phabricator.wikimedia.org/T412995)

**Parent Ticket:** [ Frontend MVP Polish & Standardization](https://phabricator.wikimedia.org/T412995) **Domain:** Coding **Difficulty:** **Description:** The application requires a complete End-to-End (E2E) testing suite to verify that all routes and critical user interactions function correctly before release. This ticket involves writing Playwright specs for every page in the application, ensuring that navigation, data loading, and interactive elements (like graphs and forms) work as expected. * **Configuration:** Finalize `playwright.config.ts` for multi-browser support (Chromium, Firefox, WebKit). * **Scope:** Create test files for all application routes: 1. **Home (`/`):** Verify load and search redirection. 2. **Actor List (`/actors`):** Verify search inputs, filtering, and list rendering. 3. **Actor Details (`/actors/[id]`):** Verify profile data, "Network Graph" rendering, and "Career Stats" loading. 4. **Production List (`/productions`):** Verify search inputs and grid layout. 5. **Production Details (`/productions/[id]`):** Verify cast list and metadata. 6. **Compare (`/compare`):** Verify the dual-search interaction and results generation. 7. **Clusters (`/clusters`):** Verify the clusters grid loads real data. 8. **404 Page:** Verify that invalid URLs render the custom "Scene Not Found" page. 9. **Navigation:** Verify Header and Footer links work across all pages. **Expected Outcome:** * A `tests/e2e/` directory containing at least 8 distinct test spec files. * `npx playwright test` runs successfully with **0 failures**. **Setup Steps:** 1. **Global Setup:** * Verify `playwright.config.ts` uses the correct `baseURL`. 2. **Implement Test Specs:** * `home.spec.ts`: Test search bar functionality. * `actors.spec.ts`: Test infinite scroll (if implemented) and search filtering. * `actor-details.spec.ts`: Wait for canvas/graph to be visible. * `productions.spec.ts`: Test switching between Production types (Movie/TV). * `compare.spec.ts`: Automate selecting Actor A and Actor B. * `clusters.spec.ts`: Verify cluster cards are present. * `navigation.spec.ts`: Test Header/Footer links and the "Skip to Content" link. 3. **Run Suite:** * Execute the full suite locally to catch regressions. **Links/References:** * [Playwright Documentation](https://playwright.dev/) * Parent Ticket: [T412995](https://phabricator.wikimedia.org/T412995)

**Parent Ticket:** [ Frontend MVP Polish & Standardization](https://phabricator.wikimedia.org/T412995) **Domain:** Coding **Difficulty:** **Description:** The application requires a complete End-to-End (E2E) testing suite to verify that all routes and critical user interactions function correctly before release. This ticket involves writing Playwright specs for every page in the application, ensuring that navigation, data loading, and interactive elements (like graphs and forms) work as expected. * **Configuration:** Finalize `playwright.config.ts` for multi-browser support (Chromium, Firefox, WebKit). * **Scope:** Create test files for all application routes: 1. **Home (`/`):** Verify load and search redirection. 2. **Actor List (`/actors`):** Verify search inputs, filtering, and list rendering. 3. **Actor Details (`/actors/[id]`):** Verify profile data, "Network Graph" rendering, and "Career Stats" loading. 4. **Production List (`/productions`):** Verify search inputs and grid layout. 5. **Production Details (`/productions/[id]`):** Verify cast list and metadata. 6. **Compare (`/compare`):** Verify the dual-search interaction and results generation. 7. **Clusters (`/clusters`):** Verify the clusters grid loads real data. 8. **404 Page:** Verify that invalid URLs render the custom "Scene Not Found" page. 9. **Navigation:** Verify Header and Footer links work across all pages. **Expected Outcome:** * A `tests/e2e/` directory containing at least 8 distinct test spec files. * `npx playwright test` runs successfully with **0 failures**. * CI pipeline integration (optional but recommended). **Setup Steps:** 1. **Global Setup:** * Verify `playwright.config.ts` uses the correct `baseURL`. 2. **Implement Test Specs:** * `home.spec.ts`: Test search bar functionality. * `actors.spec.ts`: Test infinite scroll (if implemented) and search filtering. * `actor-details.spec.ts`: Wait for canvas/graph to be visible. * `productions.spec.ts`: Test switching between Production types (Movie/TV). * `compare.spec.ts`: Automate selecting Actor A and Actor B. * `clusters.spec.ts`: Verify cluster cards are present. * `navigation.spec.ts`: Test Header/Footer links and the "Skip to Content" link. 3. **Run Suite:** * Execute the full suite locally to catch regressions. **Links/References:** * [Playwright Documentation](https://playwright.dev/) * Parent Ticket: [T412995](https://phabricator.wikimedia.org/T412995)