Add getting started FTR tests to config for FF, and fix broken code

Author: seialkali

x-pack/solutions/search/plugins/search_getting_started/public/components/footer/doc_links.ts renamed to x-pack/solutions/search/plugins/search_getting_started/public/common/doc_links.ts

@@ -45,7 +45,13 @@ export const CodeBox = ({ selectedLanguage, codeBlockLanguage }: Props) => {
   }, [selectedExample, codeParams]);
 
   return (
-    <EuiCodeBlock isCopyable fontSize="m" language={codeBlockLanguage} overflowHeight={700}>
+    <EuiCodeBlock
+      isCopyable
+      fontSize="m"
+      language={codeBlockLanguage}
+      overflowHeight={700}
+      data-test-subj="gettingStartedExampleCode"
+    >
       {codeExample}
     </EuiCodeBlock>
   );

x-pack/solutions/search/plugins/search_getting_started/public/components/connect_code/code_box.tsx

@@ -13,24 +13,82 @@ import {
   EuiSpacer,
   useCurrentEuiBreakpoint,
 } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+
 import { DocCallouts } from './doc_callouts';
-import { footerLinks } from './footer_links';
+import { docLinks } from '../../common/doc_links';
+interface DocLinkItem {
+  id: string;
+  title: string;
+  description: string;
+  buttonLabel: string;
+  buttonHref: string;
+  dataTestSubj: string;
+}
 
 export const GettingStartedFooter = () => {
   const currentBreakpoint = useCurrentEuiBreakpoint();
+
+  const footerLinks: DocLinkItem[] = [
+    {
+      id: 'searchLabs',
+      title: i18n.translate('xpack.gettingStarted.searchLabs.title', {
+        defaultMessage: 'Search Labs',
+      }),
+      description: i18n.translate('xpack.gettingStarted.searchLabs.description', {
+        defaultMessage:
+          'Explore the latest articles and tutorials on using Elasticsearch for AI/ML-powered search experiences.',
+      }),
+      buttonLabel: i18n.translate('xpack.gettingStarted.searchLabs.buttonText', {
+        defaultMessage: 'Visit Elasticsearch Labs',
+      }),
+      buttonHref: docLinks.visitSearchLabs,
+      dataTestSubj: 'gettingStartedSearchLabs',
+    },
+    {
+      id: 'pythonNotebooks',
+      title: i18n.translate('xpack.gettingStarted.pythonNotebooks.title', {
+        defaultMessage: 'Python notebooks',
+      }),
+      description: i18n.translate('xpack.gettingStarted.pythonNotebooks.description', {
+        defaultMessage:
+          'A range of executable Python notebooks available to easily test features in a virtual environment.',
+      }),
+      buttonLabel: i18n.translate('xpack.gettingStarted.pythonNotebooks.buttonText', {
+        defaultMessage: 'Browse our notebooks',
+      }),
+      buttonHref: docLinks.notebooksExamples,
+      dataTestSubj: 'gettingStartedOpenNotebooks',
+    },
+    {
+      id: 'elasticsearchDocs',
+      title: i18n.translate('xpack.gettingStarted.elasticsearchDocs.title', {
+        defaultMessage: 'Elasticsearch documentation',
+      }),
+      description: i18n.translate('xpack.gettingStarted.elasticsearchDocumentation.description', {
+        defaultMessage:
+          'Comprehensive reference material to help you learn, build, and deploy search solutions with Elasticsearch.',
+      }),
+      buttonLabel: i18n.translate('xpack.gettingStarted.elasticsearchDocumentation.buttonText', {
+        defaultMessage: 'View documentation',
+      }),
+      buttonHref: docLinks.elasticsearchDocs,
+      dataTestSubj: 'gettingStartedViewDocumentation',
+    },
+  ];
   return (
     <>
       <EuiHorizontalRule />
       <EuiSpacer size="xxl" />
       <EuiFlexGroup direction={currentBreakpoint === 'xl' ? 'row' : 'column'}>
         {footerLinks.map((item) => (
-          <EuiFlexItem key={item.id} data-test-subj={`${item.id}Section`}>
+          <EuiFlexItem key={item.dataTestSubj} data-test-subj={item.dataTestSubj}>
             <DocCallouts
               title={item.title}
               description={item.description}
               buttonHref={item.buttonHref}
               buttonLabel={item.buttonLabel}
-              dataTestSubj={item.dataTestSubj}
+              dataTestSubj={`${item.dataTestSubj}-btn`}
             />
           </EuiFlexItem>
         ))}

x-pack/solutions/search/plugins/search_getting_started/public/components/footer/footer_links.tsx

@@ -71,7 +71,7 @@ export const SearchGettingStartedHeader: React.FC = () => {
               <EuiFlexItem grow={false}>
                 <EuiButtonEmpty
                   aria-label={skipAndGoHomeLabel}
-                  data-test-subj="elasticLLMCostsTourCloseBtn"
+                  data-test-subj="skipAndGoHomeBtn"
                   onClick={() => {
                     application.navigateToApp(SEARCH_HOMEPAGE);
                   }}

x-pack/solutions/search/plugins/search_getting_started/public/components/footer/index.tsx

@@ -25,16 +25,16 @@ export const SearchGettingStartedPage: React.FC = () => {
 
   return (
     <SearchGettingStartedPageTemplate>
-      <EuiPageTemplate.Section paddingSize="xl" grow={false}>
+      <EuiPageTemplate.Section data-test-subj="gettingStartedHeader" paddingSize="xl" grow={false}>
         <SearchGettingStartedHeader />
       </EuiPageTemplate.Section>
-      <EuiPageTemplate.Section paddingSize="xl">
+      <EuiPageTemplate.Section data-test-subj="gettingStartedConsoleTutorials" paddingSize="xl">
         <ConsoleTutorialsGroup />
       </EuiPageTemplate.Section>
       <EuiPageTemplate.Section data-test-subj="gettingStartedCodeExamples">
         <SearchGettingStartedConnectCode />
       </EuiPageTemplate.Section>
-      <EuiPageTemplate.Section>
+      <EuiPageTemplate.Section data-test-subj="gettingStartedFooter">
         <GettingStartedFooter />
       </EuiPageTemplate.Section>
     </SearchGettingStartedPageTemplate>

x-pack/solutions/search/plugins/search_getting_started/public/components/header/index.tsx

@@ -31,7 +31,7 @@ export const ConsoleTutorialsGroup = () => {
         title: i18n.translate('xpack.searchGettingStarted.consoleTutorials.basicsTitle', {
           defaultMessage: 'Search basics',
         }),
-        dataTestSubj: 'console_tutorials_search_basics',
+        dataTestSubj: 'consoleTutorialsSearchBasics',
         description: i18n.translate(
           'xpack.searchGettingStarted.consoleTutorials.basicsDescription',
           {
@@ -47,7 +47,7 @@ export const ConsoleTutorialsGroup = () => {
         title: i18n.translate('xpack.searchGettingStarted.consoleTutorials.semanticTitle', {
           defaultMessage: 'Intro to semantic search',
         }),
-        dataTestSubj: 'console_tutorials_semantic_search',
+        dataTestSubj: 'consoleTutorialsSemanticSearch',
         description: i18n.translate(
           'xpack.searchGettingStarted.consoleTutorials.semanticDescription',
           {
@@ -63,7 +63,7 @@ export const ConsoleTutorialsGroup = () => {
         title: i18n.translate('xpack.searchGettingStarted.consoleTutorials.esqlTitle', {
           defaultMessage: 'ES|QL fundamentals',
         }),
-        dataTestSubj: 'console_tutorials_esql',
+        dataTestSubj: 'consoleTutorialsEsql',
         description: i18n.translate('xpack.searchGettingStarted.consoleTutorials.esqlDescription', {
           defaultMessage:
             "Learn how to use Elastic's piped query language to simplify data investigations.",
@@ -77,7 +77,7 @@ export const ConsoleTutorialsGroup = () => {
       //   title: i18n.translate('xpack.searchGettingStarted.consoleTutorials.tsdsTitle', {
       //     defaultMessage: 'Time series data streams',
       //   }),
-      //   dataTestSubj: 'console_tutorials_tsds',
+      //   dataTestSubj: 'consoleTutorialsTsds',
       //   description: i18n.translate('xpack.searchHomepage.consoleTutorials.tsdsDescription', {
       //     defaultMessage:
       //       'Learn how to use a time series data stream (TSDS) to store timestamped metrics data.',
@@ -114,6 +114,7 @@ export const ConsoleTutorialsGroup = () => {
                 onClick={() => {
                   tutorial.buttonRef.current?.click();
                 }}
+                data-test-subj={tutorial.dataTestSubj}
                 footer={
                   <TryInConsoleButton
                     type="button"
@@ -124,7 +125,7 @@ export const ConsoleTutorialsGroup = () => {
                     sharePlugin={share}
                     consolePlugin={consolePlugin}
                     telemetryId={tutorial.dataTestSubj}
-                    data-test-subj={tutorial.dataTestSubj}
+                    data-test-subj={`${tutorial.dataTestSubj}-btn`}
                     buttonProps={{ buttonRef: tutorial.buttonRef }}
                     content={
                       <FormattedMessage

x-pack/solutions/search/plugins/search_getting_started/public/components/search_getting_started.tsx

@@ -19,6 +19,7 @@ import type {
   SearchGettingStartedAppPluginStartDependencies,
   SearchGettingStartedServicesContextDeps,
 } from './types';
+import { docLinks } from './common/doc_links';
 
 export class SearchGettingStartedPlugin
   implements
@@ -49,6 +50,7 @@ export class SearchGettingStartedPlugin
       async mount({ element, history }: AppMountParameters) {
         const { renderApp } = await import('./application');
         const [coreStart, depsStart] = await core.getStartServices();
+        docLinks.setDocLinks(coreStart.docLinks.links);
         const services: SearchGettingStartedServicesContextDeps = {
           ...depsStart,
           history,

x-pack/solutions/search/plugins/search_getting_started/public/components/tutorials/console_tutorials_group.tsx

@@ -41,6 +41,9 @@ export default async function ({ readConfigFile }: FtrConfigProviderContext) {
       searchInferenceEndpoints: {
         pathname: '/app/elasticsearch/relevance/inference_endpoints',
       },
+      searchOverview: {
+        pathname: '/app/elasticsearch/overview',
+      },
     },
   };
 }

x-pack/solutions/search/plugins/search_getting_started/public/plugin.ts

@@ -25,6 +25,7 @@ export default async function ({ readConfigFile }: FtrConfigProviderContext) {
         '--xpack.spaces.defaultSolution=es', // Default to Search Solution
         `--uiSettings.overrides.searchPlayground:searchModeEnabled=true`,
         `--uiSettings.overrides.agentBuilder:enabled=true`,
+        '--feature_flags.overrides.searchSolution.gettingStartedEnabled=true',
       ],
     },
     // load tests in the index file