From c9832832df3c37c16bbb37dd26621ca23ede57e6 Mon Sep 17 00:00:00 2001
From: James Gowdy <jgowdy@elastic.co>
Date: Tue, 27 Apr 2021 11:16:34 +0100
Subject: [PATCH] [File Data Visualizer] Fixing missing css imports for file
 stats table (#98312)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../public/application/components/_index.scss       | 13 +++++++++----
 .../filebeat_config_flyout.tsx                      |  2 +-
 .../components/results_links/results_links.tsx      |  1 +
 .../apps/ml/data_visualizer/file_data_visualizer.ts |  3 +++
 .../services/ml/data_visualizer_file_based.ts       |  6 ++++++
 5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/x-pack/plugins/file_data_visualizer/public/application/components/_index.scss b/x-pack/plugins/file_data_visualizer/public/application/components/_index.scss
index a7c3926407ea0..a47f3712cbb64 100644
--- a/x-pack/plugins/file_data_visualizer/public/application/components/_index.scss
+++ b/x-pack/plugins/file_data_visualizer/public/application/components/_index.scss
@@ -1,6 +1,11 @@
-@import 'file_datavisualizer_view/index';
-@import 'results_view/index';
-@import 'analysis_summary/index';
 @import 'about_panel/index';
-@import 'import_summary/index';
+@import 'analysis_summary/index';
+@import 'edit_flyout/index';
+@import 'embedded_map/index';
 @import 'experimental_badge/index';
+@import 'file_contents/index';
+@import 'file_datavisualizer_view/index';
+@import 'import_summary/index';
+@import 'results_view/index';
+@import 'stats_table/index';
+@import 'top_values/top_values';
diff --git a/x-pack/plugins/file_data_visualizer/public/application/components/filebeat_config_flyout/filebeat_config_flyout.tsx b/x-pack/plugins/file_data_visualizer/public/application/components/filebeat_config_flyout/filebeat_config_flyout.tsx
index a5d05bb06f78e..c2b7e18059769 100644
--- a/x-pack/plugins/file_data_visualizer/public/application/components/filebeat_config_flyout/filebeat_config_flyout.tsx
+++ b/x-pack/plugins/file_data_visualizer/public/application/components/filebeat_config_flyout/filebeat_config_flyout.tsx
@@ -104,7 +104,7 @@ const Contents: FC<{
   username: string | null;
 }> = ({ value, index, username }) => {
   return (
-    <EuiFlexItem>
+    <EuiFlexItem data-test-subj="fileDataVisFilebeatConfigPanel">
       <EuiTitle size="s">
         <h5>
           <FormattedMessage
diff --git a/x-pack/plugins/file_data_visualizer/public/application/components/results_links/results_links.tsx b/x-pack/plugins/file_data_visualizer/public/application/components/results_links/results_links.tsx
index 03dc06d836bbc..db9fa8d8d51d9 100644
--- a/x-pack/plugins/file_data_visualizer/public/application/components/results_links/results_links.tsx
+++ b/x-pack/plugins/file_data_visualizer/public/application/components/results_links/results_links.tsx
@@ -220,6 +220,7 @@ export const ResultsLinks: FC<Props> = ({
       <EuiFlexItem>
         <EuiCard
           icon={<EuiIcon size="xxl" type={`filebeatApp`} />}
+          data-test-subj="fileDataVisFilebeatConfigLink"
           title={
             <FormattedMessage
               id="xpack.fileDataVisualizer.resultsLinks.fileBeatConfig"
diff --git a/x-pack/test/functional/apps/ml/data_visualizer/file_data_visualizer.ts b/x-pack/test/functional/apps/ml/data_visualizer/file_data_visualizer.ts
index 65bc68db25aa1..a8fed205a9e56 100644
--- a/x-pack/test/functional/apps/ml/data_visualizer/file_data_visualizer.ts
+++ b/x-pack/test/functional/apps/ml/data_visualizer/file_data_visualizer.ts
@@ -269,6 +269,9 @@ export default function ({ getService }: FtrProviderContext) {
 
           await ml.testExecution.logTestStep('imports the file');
           await ml.dataVisualizerFileBased.startImportAndWaitForProcessing();
+
+          await ml.testExecution.logTestStep('creates filebeat config');
+          await ml.dataVisualizerFileBased.selectCreateFilebeatConfig();
         });
       });
     }
diff --git a/x-pack/test/functional/services/ml/data_visualizer_file_based.ts b/x-pack/test/functional/services/ml/data_visualizer_file_based.ts
index d5b9664fc6d9c..e32c04f82804c 100644
--- a/x-pack/test/functional/services/ml/data_visualizer_file_based.ts
+++ b/x-pack/test/functional/services/ml/data_visualizer_file_based.ts
@@ -125,5 +125,11 @@ export function MachineLearningDataVisualizerFileBasedProvider(
         await testSubjects.existOrFail('mlFileImportSuccessCallout');
       });
     },
+
+    async selectCreateFilebeatConfig() {
+      await testSubjects.scrollIntoView('fileDataVisFilebeatConfigLink');
+      await testSubjects.click('fileDataVisFilebeatConfigLink');
+      await testSubjects.existOrFail('fileDataVisFilebeatConfigPanel');
+    },
   };
 }