E2E Tests: Add coverage for AI plugin callout banner on Connectors page (#76432)

Follow-up to #76379. Adds E2E test assertions for the AI Experiments
plugin callout banner:

- New test verifying the banner displays with install button and
  learn more link when the AI plugin is not installed.
- Empty state test now verifies the banner is hidden when no
  connectors are registered.
- Capability restriction tests now verify the banner is hidden when
  the user lacks install/activate permissions.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Co-authored-by: gziolo <gziolo@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
Co-authored-by: jorgefilipecosta <jorgefilipecosta@git.wordpress.org>

Author: 3 people

test/e2e/specs/admin/connectors.spec.js

@@ -193,6 +193,29 @@ test.describe( 'Connectors', () => {
 		} );
 	} );
 
+	test( 'should display the AI plugin callout banner with install button', async ( {
+		page,
+		admin,
+	} ) => {
+		await admin.visitAdminPage( SETTINGS_PAGE_PATH, CONNECTORS_PAGE_QUERY );
+
+		const banner = page.locator( '.ai-plugin-callout' );
+		await expect( banner ).toBeVisible();
+
+		// Verify the banner message mentions the AI plugin.
+		await expect( banner.getByText( 'AI plugin' ) ).toBeVisible();
+
+		// Verify the Install button is present.
+		await expect(
+			banner.getByRole( 'button', { name: 'Install AI Experiments' } )
+		).toBeVisible();
+
+		// Verify the Learn more link is present.
+		await expect(
+			banner.getByRole( 'link', { name: 'Learn more' } )
+		).toBeVisible();
+	} );
+
 	test.describe( 'Empty state', () => {
 		const PLUGIN_SLUG = 'gutenberg-test-connectors-empty-state';
 
@@ -235,6 +258,9 @@ test.describe( 'Connectors', () => {
 				'plugin-install.php'
 			);
 
+			// Verify the AI plugin callout banner is not shown.
+			await expect( page.locator( '.ai-plugin-callout' ) ).toBeHidden();
+
 			// Verify none of the default connector cards are shown.
 			for ( const { slug } of CONNECTORS ) {
 				await expect(
@@ -284,6 +310,11 @@ test.describe( 'Connectors', () => {
 					CONNECTORS_PAGE_QUERY
 				);
 
+				// AI plugin callout banner should be hidden when user lacks permissions.
+				await expect(
+					page.locator( '.ai-plugin-callout' )
+				).toBeHidden();
+
 				for ( const { slug } of CONNECTORS ) {
 					const card = page.locator( `.connector-item--${ slug }` );
 					await expect( card ).toBeVisible();