Fixed Jetpack Aearch AI answers toggle (#48777)

* Fixed bug where disabling the AI answers feature was not working

* changelog

Author: robfelty

projects/packages/search/changelog/fix-jetpack-search-ai-answers-disable-toggle

@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+AI answers feature disable toggle was not working. Fixed.

projects/packages/search/src/dashboard/components/ai-answers-tab/index.jsx

@@ -108,7 +108,7 @@ export default function AiAnswersTab() {
 								checked={ isAiAnswersEnabled }
 								onChange={ setAiAnswersEnabled }
 								className="jp-search-dashboard-toggle lg-col-span-12 md-col-span-8 sm-col-span-4"
-								disabled={ ! isInstantSearchEnabled }
+								disabled={ ! isInstantSearchEnabled && ! isAiAnswersEnabled }
 							/>
 
 							{ ! isLoading && ! isUnavailable && (

projects/packages/search/src/dashboard/components/test/ai-answers-tab.test.jsx

@@ -25,13 +25,14 @@ jest.mock( '@wordpress/data', () => ( {
 
 jest.mock( '@wordpress/components', () => ( {
 	TextareaControl: ( { label } ) => <span>{ label }</span>,
-	ToggleControl: ( { label, checked, onChange } ) => (
+	ToggleControl: ( { label, checked, onChange, disabled } ) => (
 		<label htmlFor="toggle-control">
 			<input
 				id="toggle-control"
 				type="checkbox"
 				checked={ checked }
 				onChange={ e => onChange( e.target.checked ) }
+				disabled={ disabled }
 			/>
 			{ label }
 		</label>
@@ -155,4 +156,18 @@ describe( 'AiAnswersTab', () => {
 			screen.findByText( 'Instant Search must be enabled for AI Answers to work.' )
 		).resolves.toBeInTheDocument();
 	} );
+
+	it( 'toggle is not disabled when instant search is off but AI answers is already on', async () => {
+		setupStore( { isInstantSearchEnabled: false, isAiAnswersEnabled: true } );
+		render( <AiAnswersTab /> );
+		const toggle = await screen.findByRole( 'checkbox' );
+		expect( toggle ).toBeEnabled();
+	} );
+
+	it( 'toggle is disabled when both instant search and AI answers are off', async () => {
+		setupStore( { isInstantSearchEnabled: false, isAiAnswersEnabled: false } );
+		render( <AiAnswersTab /> );
+		const toggle = await screen.findByRole( 'checkbox' );
+		expect( toggle ).toBeDisabled();
+	} );
 } );

projects/packages/search/src/dashboard/store/actions/jetpack-settings.js

@@ -26,7 +26,9 @@ const getRollbackSettings = settings =>
 				k === 'module_active' ||
 				k === 'instant_search_enabled' ||
 				k === 'experience' ||
-				k === 'reader_chat'
+				k === 'reader_chat' ||
+				k === 'ai_answers_enabled' ||
+				k === 'search_suggestions_enabled'
 		)
 	);