Fixed type and mock issue

src/plugins/engagement/public/mocks.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+import { EngagementPluginSetup, EngagementPluginStart } from './types';
+
+function createEngagementPluginSetup(): jest.Mocked<EngagementPluginSetup> {
+  const mock: jest.Mocked<EngagementPluginSetup> = {};
+  return mock;
+}
+
+function createEngagementPluginStart(): jest.Mocked<EngagementPluginStart> {
+  return {
+    ContextProvider: jest.fn(),
+  };
+}
+
+export const engagementMock = {
+  createSetup: createEngagementPluginSetup,
+  createStart: createEngagementPluginStart,
+};

src/plugins/engagement/public/plugin.tsx

@@ -64,7 +64,7 @@ export class EngagementPlugin
     const drift = config?.drift || _config.drift || { enabled: false };
 
     return {
-      ServicesContext: ({ children }) => (
+      ContextProvider: ({ children }) => (
         <sharedUX.ServicesContext>
           <ServicesProvider drift={drift}>{children}</ServicesProvider>
         </sharedUX.ServicesContext>

src/plugins/engagement/public/types.ts

@@ -16,7 +16,7 @@ export interface EngagementPluginStart {
   /**
    * A React component that provides a pre-wired `React.Context` which connects components to Engagement services.
    */
-  ServicesContext: FC<{}>;
+  ContextProvider: FC<{}>;
 }
 
 /** @internal */

x-pack/plugins/fleet/public/applications/integrations/app.tsx

@@ -74,7 +74,7 @@ export const IntegrationsAppContext: React.FC<{
                       <UIExtensionsContext.Provider value={extensions}>
                         <FleetStatusProvider>
                           <startServices.customIntegrations.ContextProvider>
-                            <startServices.engagement.ServicesContext>
+                            <startServices.engagement.ContextProvider>
                               <Router history={history}>
                                 <AgentPolicyContextProvider>
                                   <PackageInstallProvider
@@ -87,7 +87,7 @@ export const IntegrationsAppContext: React.FC<{
                                   </PackageInstallProvider>
                                 </AgentPolicyContextProvider>
                               </Router>
-                            </startServices.engagement.ServicesContext>
+                            </startServices.engagement.ContextProvider>
                           </startServices.customIntegrations.ContextProvider>
                         </FleetStatusProvider>
                       </UIExtensionsContext.Provider>

x-pack/plugins/fleet/public/mock/plugin_dependencies.ts

@@ -11,6 +11,7 @@ import { homePluginMock } from '../../../../../src/plugins/home/public/mocks';
 import { navigationPluginMock } from '../../../../../src/plugins/navigation/public/mocks';
 import { customIntegrationsMock } from '../../../../../src/plugins/custom_integrations/public/mocks';
 import { sharePluginMock } from '../../../../../src/plugins/share/public/mocks';
+import { engagementMock } from '../../../../../src/plugins/engagement/public/mocks';
 
 import type { MockedFleetSetupDeps, MockedFleetStartDeps } from './types';
 
@@ -29,5 +30,6 @@ export const createStartDepsMock = (): MockedFleetStartDeps => {
     navigation: navigationPluginMock.createStartContract(),
     customIntegrations: customIntegrationsMock.createStart(),
     share: sharePluginMock.createStartContract(),
+    engagement: engagementMock.createStart(),
   };
 };