strip out changes to src/plugins/home/public/application/components

elastic · Dec 5, 2024 · b4798c8 · b4798c8
1 parent 1b69f1c
commit b4798c8
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 21 deletions.
diff --git a/...ns/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap b/...ns/home/public/application/components/tutorial/__snapshots__/instruction_set.test.js.snap
diff --git a/src/plugins/home/public/application/components/tutorial/instruction_set.js b/src/plugins/home/public/application/components/tutorial/instruction_set.js
@@ -28,6 +28,7 @@ import {
 import * as StatusCheckStates from './status_check_states';
 
 import { injectI18n, FormattedMessage } from '@kbn/i18n-react';
+import { euiThemeVars } from '@kbn/ui-theme'; // FIXME: remove this, and access style variables from EUI context
 
 class InstructionSetUi extends React.Component {
   constructor(props) {
@@ -277,9 +278,7 @@ class InstructionSetUi extends React.Component {
     return (
       <EuiSplitPanel.Outer>
         <EuiSplitPanel.Inner color="subdued" paddingSize="none">
-          <EuiTabs css={({ euiTheme }) => ({ padding: `0 ${euiTheme.size.l}` })}>
-            {this.renderTabs()}
-          </EuiTabs>
+          <EuiTabs css={{ padding: `0 ${euiThemeVars.euiSizeL}` }}>{this.renderTabs()}</EuiTabs>
         </EuiSplitPanel.Inner>
         <EuiSplitPanel.Inner paddingSize="l">
           {this.renderHeader()}

diff --git a/src/plugins/home/public/application/components/tutorial/tutorial.test.js b/src/plugins/home/public/application/components/tutorial/tutorial.test.js
@@ -8,7 +8,6 @@
  */
 
 import React from 'react';
-import { EuiProvider } from '@elastic/eui';
 import { shallowWithIntl, mountWithIntl } from '@kbn/test-jest-helpers';
 
 import { Tutorial } from './tutorial';
@@ -77,18 +76,16 @@ const replaceTemplateStrings = (text) => {
 };
 
 describe('isCloudEnabled is false', () => {
-  test.only('should render ON_PREM instructions with instruction toggle', async () => {
+  test('should render ON_PREM instructions with instruction toggle', async () => {
     const component = shallowWithIntl(
-      <EuiProvider>
-        <Tutorial.WrappedComponent
-          addBasePath={addBasePath}
-          isCloudEnabled={false}
-          getTutorial={getTutorial}
-          replaceTemplateStrings={replaceTemplateStrings}
-          tutorialId={'my_testing_tutorial'}
-          bulkCreate={() => {}}
-        />
-      </EuiProvider>
+      <Tutorial.WrappedComponent
+        addBasePath={addBasePath}
+        isCloudEnabled={false}
+        getTutorial={getTutorial}
+        replaceTemplateStrings={replaceTemplateStrings}
+        tutorialId={'my_testing_tutorial'}
+        bulkCreate={() => {}}
+      />
     );
     await loadTutorialPromise;
 

diff --git a/src/plugins/home/tsconfig.json b/src/plugins/home/tsconfig.json
@@ -23,6 +23,7 @@
     "@kbn/shared-ux-page-kibana-template",
     "@kbn/utility-types",
     "@kbn/guided-onboarding",
+    "@kbn/ui-theme",
     "@kbn/config-schema",
     "@kbn/utility-types-jest",
     "@kbn/es-query",