[Search] FTR tests and fixes for Getting Started page (elastic#241442)

## Summary

This PR adds FTR test for the Getting Started page, as well as a fix for
a bug that was picked up by the tests.

NOTE: I'm aware we should be moving over to Scout, but I thought it
might be easier (for me at least) to get these tests up and running
first and then convert them to Scout afterwards.


### Checklist

Check the PR satisfies following conditions. 

Reviewers should verify this PR satisfies this list as well.

- [ ] ~Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)~
- [ ]
~[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials~
- [x] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] ~If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)~
- [ ] ~This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.~
- [x] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] ~The PR description includes the appropriate Release Notes
section, and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)~
- [ ] ~Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.~

Author: seialkali

packages/kbn-optimizer/limits.yml

@@ -140,7 +140,7 @@ pageLoadAssetSize:
   screenshotMode: 2351
   screenshotting: 3252
   searchAssistant: 6150
-  searchGettingStarted: 6600
+  searchGettingStarted: 7327
   searchHomepage: 7962
   searchIndices: 9991
   searchInferenceEndpoints: 8071

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

@@ -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,15 @@ export default async function ({ readConfigFile }: FtrConfigProviderContext) {
       searchInferenceEndpoints: {
         pathname: '/app/elasticsearch/relevance/inference_endpoints',
       },
+      searchOverview: {
+        pathname: '/app/elasticsearch/overview',
+      },
+      searchHomepage: {
+        pathname: '/app/elasticsearch/home',
+      },
+      searchGettingStarted: {
+        pathname: '/app/elasticsearch/getting_started',
+      },
     },
   };
 }