From 1c39a74113350dd95b3e4ad2b602d2e4cd5ebbdd Mon Sep 17 00:00:00 2001
From: Matt Kime <matt@mattki.me>
Date: Wed, 12 Aug 2020 11:08:36 -0500
Subject: [PATCH] fix jest test

---
 .../empty_index_pattern_prompt.test.tsx.snap  | 33 ++++++++++---------
 .../empty_index_pattern_prompt.test.tsx       |  7 +++-
 .../empty_index_pattern_prompt.tsx            | 15 ++++++---
 .../index_pattern_table.tsx                   |  9 ++++-
 4 files changed, 42 insertions(+), 22 deletions(-)

diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/__snapshots__/empty_index_pattern_prompt.test.tsx.snap b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/__snapshots__/empty_index_pattern_prompt.test.tsx.snap
index 6519b9d479bb4d..c5e6d1220d8bf8 100644
--- a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/__snapshots__/empty_index_pattern_prompt.test.tsx.snap
+++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/__snapshots__/empty_index_pattern_prompt.test.tsx.snap
@@ -29,32 +29,39 @@ exports[`EmptyIndexPatternPrompt should render normally 1`] = `
         <h2>
           <FormattedMessage
             defaultMessage="You have data in Elasticsearch."
-            id="kbn.management.emptyIndexPatternPrompt.youHaveData"
+            id="indexPatternManagement.emptyIndexPatternPrompt.youHaveData"
             values={Object {}}
           />
           <br />
           <FormattedMessage
             defaultMessage="Now, create an index pattern."
-            id="kbn.management.emptyIndexPatternPrompt.nowCreate"
+            id="indexPatternManagement.emptyIndexPatternPrompt.nowCreate"
             values={Object {}}
           />
         </h2>
         <p>
           <FormattedMessage
             defaultMessage="Kibana requires an index pattern to identify which indices you want to explore. An index pattern can point to a specific index, for example, your log data from yesterday, or all indices that contain your log data."
-            id="kbn.management.emptyIndexPatternPrompt.indexPatternExplanation"
+            id="indexPatternManagement.emptyIndexPatternPrompt.indexPatternExplanation"
             values={Object {}}
           />
         </p>
-        <InjectUICapabilities(CreateButtonComponent)
-          options={Array []}
+        <CreateButton
+          options={
+            Array [
+              Object {
+                "onClick": [Function],
+                "text": "default",
+              },
+            ]
+          }
         >
           <FormattedMessage
             defaultMessage="Create index pattern"
-            id="kbn.management.indexPatternTable.createBtn"
+            id="indexPatternManagement.indexPatternTable.createBtn"
             values={Object {}}
           />
-        </InjectUICapabilities(CreateButtonComponent)>
+        </CreateButton>
       </EuiText>
     </EuiFlexItem>
   </EuiFlexGroup>
@@ -66,27 +73,23 @@ exports[`EmptyIndexPatternPrompt should render normally 1`] = `
     type="responsiveColumn"
   >
     <EuiDescriptionListTitle
-      style={
-        Object {
-          "width": "auto",
-        }
-      }
+      className="inpEmptyIndexPatternPrompt__title"
     >
       <FormattedMessage
         defaultMessage="Want to learn more?"
-        id="kbn.management.emptyIndexPatternPrompt.learnMore"
+        id="indexPatternManagement.emptyIndexPatternPrompt.learnMore"
         values={Object {}}
       />
     </EuiDescriptionListTitle>
     <EuiDescriptionListDescription>
       <EuiLink
         external={true}
-        href="https://www.elastic.co/guide/en/kibana/mocked-test-branch/index-patterns.html"
+        href="testUrl"
         target="_blank"
       >
         <FormattedMessage
           defaultMessage="Read documentation"
-          id="kbn.management.emptyIndexPatternPrompt.documentation"
+          id="indexPatternManagement.emptyIndexPatternPrompt.documentation"
           values={Object {}}
         />
       </EuiLink>
diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.test.tsx b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.test.tsx
index 7959767438b1ce..83eb803333afcf 100644
--- a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.test.tsx
+++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.test.tsx
@@ -24,7 +24,12 @@ import { shallowWithI18nProvider } from 'test_utils/enzyme_helpers';
 describe('EmptyIndexPatternPrompt', () => {
   it('should render normally', () => {
     const component = shallowWithI18nProvider(
-      <EmptyIndexPatternPrompt canSave creationOptions={[{ text: 'default', onClick: () => {} }]} />
+      <EmptyIndexPatternPrompt
+        canSave
+        creationOptions={[{ text: 'default', onClick: () => {} }]}
+        docLinksIndexPatternIntro={'testUrl'}
+        setBreadcrumbs={() => {}}
+      />
     );
 
     expect(component).toMatchSnapshot();
diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.tsx b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.tsx
index 00c18848c21303..de389097fd4ba5 100644
--- a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.tsx
+++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.tsx
@@ -26,19 +26,24 @@ import { EuiDescriptionListTitle } from '@elastic/eui';
 import { EuiDescriptionListDescription, EuiDescriptionList } from '@elastic/eui';
 import { EuiLink } from '@elastic/eui';
 import { getListBreadcrumbs } from '../../breadcrumbs';
-import { IndexPatternManagmentContext } from '../../../types';
-import { useKibana } from '../../../../../../plugins/kibana_react/public';
 import { IndexPatternCreationOption } from '../../types';
 import { CreateButton } from '../../create_button';
 import { Illustration } from './assets/index_pattern_illustration';
+import { ManagementAppMountParams } from '../../../../../management/public';
 
 interface Props {
   canSave: boolean;
   creationOptions: IndexPatternCreationOption[];
+  docLinksIndexPatternIntro: string;
+  setBreadcrumbs: ManagementAppMountParams['setBreadcrumbs'];
 }
 
-export const EmptyIndexPatternPrompt = ({ canSave, creationOptions }: Props) => {
-  const { setBreadcrumbs, docLinks } = useKibana<IndexPatternManagmentContext>().services;
+export const EmptyIndexPatternPrompt = ({
+  canSave,
+  creationOptions,
+  docLinksIndexPatternIntro,
+  setBreadcrumbs,
+}: Props) => {
   setBreadcrumbs(getListBreadcrumbs());
 
   return (
@@ -93,7 +98,7 @@ export const EmptyIndexPatternPrompt = ({ canSave, creationOptions }: Props) =>
           />
         </EuiDescriptionListTitle>
         <EuiDescriptionListDescription>
-          <EuiLink href={docLinks.links.indexPatterns.introduction} target="_blank" external>
+          <EuiLink href={docLinksIndexPatternIntro} target="_blank" external>
             <FormattedMessage
               id="indexPatternManagement.emptyIndexPatternPrompt.documentation"
               defaultMessage="Read documentation"
diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx b/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
index ea7f6994504271..2768314a758604 100644
--- a/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
+++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/index_pattern_table.tsx
@@ -204,7 +204,14 @@ export const IndexPatternTable = ({ canSave, history }: Props) => {
         />
       );
     } else {
-      return <EmptyIndexPatternPrompt canSave={canSave} creationOptions={creationOptions} />;
+      return (
+        <EmptyIndexPatternPrompt
+          canSave={canSave}
+          creationOptions={creationOptions}
+          docLinksIndexPatternIntro={docLinks.links.indexPatterns.introduction}
+          setBreadcrumbs={setBreadcrumbs}
+        />
+      );
     }
   }