Changeset 65331

Timestamp:

11/07/2026 05:41:05 PM (23 hours ago)

Author:

lancewillett

Message:

Tests: Cover searching installed themes.

Search the Themes screen for the uploaded test theme and check that it is the only result. Search for a missing theme and check for the empty state. The test theme stays installed, so both tests fail if search is ignored.

Developed in: ​https://github.com/WordPress/wordpress-develop/pull/15782

Props shailu25.
See #52895.

File:

• trunk/tests/e2e/specs/themes.test.js (modified) (2 diffs)

trunk/tests/e2e/specs/themes.test.js

@@ +1 @@
+/**
+ * External dependencies
+ */
+import { randomUUID } from 'node:crypto';
+
 /**
  * WordPress dependencies
@@ -147 +152 @@
                 ).toBe( previousTheme );
         } );
+
+        test( 'searches for an installed theme', async ( { admin, page } ) => {
+                await admin.visitAdminPage( 'themes.php' );
+                const search = page.getByRole( 'searchbox', {
+                        name: 'Search installed themes',
+                        exact: true,
+                } );
+                await expect( search ).toBeVisible();
+                const themeDetailsButtons = page.getByRole( 'button', {
+                        name: /View Theme Details for /,
+                } );
+                // Confirm search starts from a broader results set before filtering.
+                await expect
+                        .poll( async () => themeDetailsButtons.count() )
+                        .toBeGreaterThan( 1 );
+                await search.fill( themeName );
+
+                // Wait for the debounced filter, then require a single matching result.
+                await expect( themeDetailsButtons ).toHaveCount( 1 );
+                await expect(
+                        page.getByRole( 'button', {
+                                name: `View Theme Details for ${ themeName }`,
+                                exact: true,
+                        } )
+                ).toBeVisible();
+        } );
+
+        test( 'shows an empty result when searching for a missing theme', async ( {
+                admin,
+                page,
+        } ) => {
+                // Fixture theme from beforeEach keeps the library non-empty so ignoring
+                // search cannot vacuously pass.
+                const missing = `e2e-missing-theme-${ randomUUID().slice( 0, 8 ) }`;
+                await admin.visitAdminPage( 'themes.php' );
+                const search = page.getByRole( 'searchbox', {
+                        name: 'Search installed themes',
+                        exact: true,
+                } );
+                await expect( search ).toBeVisible();
+                await search.fill( missing );
+
+                // Scope to the empty-state paragraph; the same copy is also spoken via
+                // wp.a11y.speak() into a live region.
+                const emptyState = page.locator( 'p.no-themes' );
+                await expect( emptyState ).toBeVisible();
+                await expect( emptyState ).toHaveText(
+                        'No themes found. Try a different search.'
+                );
+                await expect(
+                        page.getByRole( 'button', {
+                                name: /View Theme Details for /,
+                        } )
+                ).toHaveCount( 0 );
+        } );
 } );