@spinnaker/amazon 2026.2.2 → 2026.3.0

package/src/serverGroup/configure/wizard/AmazonCloneServerGroupModal.tsx

@@ -1,8 +1,23 @@
 import { get } from 'lodash';
 import React from 'react';
 
-import type { Application, IModalComponentProps, IStage } from '@spinnaker/core';
-import { FirewallLabels, noop, ReactInjector, ReactModal, TaskMonitor, WizardModal, WizardPage } from '@spinnaker/core';
+import type {
+  Application,
+  DeckRuntimeServices,
+  IModalComponentProps,
+  IRouterInjectedProps,
+  IStage,
+} from '@spinnaker/core';
+import {
+  DeckRuntimeContext,
+  FirewallLabels,
+  noop,
+  ReactModal,
+  TaskMonitor,
+  withRouter,
+  WizardModal,
+  WizardPage,
+} from '@spinnaker/core';
 
 import { ServerGroupTemplateSelection } from './ServerGroupTemplateSelection';
 import {
@@ -14,8 +29,8 @@ import {
   ServerGroupSecurityGroups,
   ServerGroupZones,
 } from './pages';
-import { AwsReactInjector } from '../../../reactShims';
 import type { IAmazonServerGroupCommand } from '../serverGroupConfiguration.service';
+import type { AwsServerGroupConfigurationService } from '../serverGroupConfiguration.service';
 
 export interface IAmazonCloneServerGroupModalProps extends IModalComponentProps {
   title: string;
@@ -30,31 +45,33 @@ export interface IAmazonCloneServerGroupModalState {
   taskMonitor: TaskMonitor;
 }
 
-export class AmazonCloneServerGroupModal extends React.Component<
-  IAmazonCloneServerGroupModalProps,
+export class AmazonCloneServerGroupModalComponent extends React.Component<
+  IAmazonCloneServerGroupModalProps & IRouterInjectedProps,
   IAmazonCloneServerGroupModalState
 > {
+  public static contextType = DeckRuntimeContext;
+  public declare context: React.ContextType<typeof DeckRuntimeContext>;
+
   public static defaultProps: Partial<IAmazonCloneServerGroupModalProps> = {
     closeModal: noop,
     dismissModal: noop,
   };
 
   private _isUnmounted = false;
-  private refreshUnsubscribe: () => void;
+  private refreshUnsubscribe?: () => void;
 
-  public static show(props: IAmazonCloneServerGroupModalProps): Promise<IAmazonServerGroupCommand> {
+  public static show(
+    props: IAmazonCloneServerGroupModalProps,
+    runtimeServices: DeckRuntimeServices,
+  ): Promise<IAmazonServerGroupCommand> {
     const modalProps = { dialogClassName: 'wizard-modal modal-lg' };
-    return ReactModal.show(AmazonCloneServerGroupModal, props, modalProps);
+    return ReactModal.show(AmazonCloneServerGroupModal, props, modalProps, runtimeServices);
   }
 
-  constructor(props: IAmazonCloneServerGroupModalProps) {
+  constructor(props: IAmazonCloneServerGroupModalProps & IRouterInjectedProps) {
     super(props);
 
     const requiresTemplateSelection = get(props, 'command.viewState.requiresTemplateSelection', false);
-    if (!requiresTemplateSelection) {
-      this.configureCommand();
-    }
-
     this.state = {
       firewallsLabel: FirewallLabels.get('Firewalls'),
       loaded: false,
@@ -62,23 +79,38 @@ export class AmazonCloneServerGroupModal extends React.Component<
       taskMonitor: new TaskMonitor({
         application: props.application,
         title: 'Creating your server group',
-        modalInstance: TaskMonitor.modalInstanceEmulation(() => this.props.dismissModal()),
+        onDismiss: () => this.props.dismissModal(),
         onTaskComplete: this.onTaskComplete,
       }),
     };
   }
 
+  public componentDidMount(): void {
+    if (!this.state.requiresTemplateSelection) {
+      this.configureCommand();
+    }
+  }
+
+  private get configurationService(): AwsServerGroupConfigurationService {
+    return this.context.services.providerServiceDelegate.getDelegate(
+      this.props.command.selectedProvider,
+      'serverGroup.configurationService',
+    );
+  }
+
   private templateSelected = () => {
     this.setState({ requiresTemplateSelection: false });
     this.configureCommand();
   };
 
   private onTaskComplete = () => {
+    this.clearRefreshSubscription();
+    this.refreshUnsubscribe = this.props.application.serverGroups.onNextRefresh(this.onApplicationRefresh);
     this.props.application.serverGroups.refresh();
-    this.props.application.serverGroups.onNextRefresh(null, this.onApplicationRefresh);
   };
 
   protected onApplicationRefresh = (): void => {
+    this.clearRefreshSubscription();
     if (this._isUnmounted) {
       return;
     }
@@ -96,19 +128,19 @@ export class AmazonCloneServerGroupModal extends React.Component<
           provider: 'aws',
         };
         let transitionTo = '^.^.^.clusters.serverGroup';
-        if (ReactInjector.$state.includes('**.clusters.serverGroup')) {
+        if (this.props.stateService.includes('**.clusters.serverGroup')) {
           // clone via details, all view
           transitionTo = '^.serverGroup';
         }
-        if (ReactInjector.$state.includes('**.clusters.cluster.serverGroup')) {
+        if (this.props.stateService.includes('**.clusters.cluster.serverGroup')) {
           // clone or create with details open
           transitionTo = '^.^.serverGroup';
         }
-        if (ReactInjector.$state.includes('**.clusters')) {
+        if (this.props.stateService.includes('**.clusters')) {
           // create new, no details open
           transitionTo = '.serverGroup';
         }
-        ReactInjector.$state.go(transitionTo, newStateParams);
+        this.props.stateService.go(transitionTo, newStateParams);
       }
     }
   };
@@ -118,12 +150,12 @@ export class AmazonCloneServerGroupModal extends React.Component<
 
     command.credentialsChanged(command);
     command.regionChanged(command);
-    AwsReactInjector.awsServerGroupConfigurationService.configureSubnetPurposes(command);
+    this.configurationService.configureSubnetPurposes(command);
   };
 
   private configureCommand = () => {
     const { application, command } = this.props;
-    AwsReactInjector.awsServerGroupConfigurationService.configureCommand(application, command).then(() => {
+    this.configurationService.configureCommand(application, command).then(() => {
       this.initializeCommand();
       this.setState({ loaded: true, requiresTemplateSelection: false });
     });
@@ -142,11 +174,14 @@ export class AmazonCloneServerGroupModal extends React.Component<
 
   public componentWillUnmount(): void {
     this._isUnmounted = true;
-    if (this.refreshUnsubscribe) {
-      this.refreshUnsubscribe();
-    }
+    this.clearRefreshSubscription();
   }
 
+  private clearRefreshSubscription = (): void => {
+    this.refreshUnsubscribe?.();
+    this.refreshUnsubscribe = undefined;
+  };
+
   private submit = (command: IAmazonServerGroupCommand): void => {
     this.normalizeCommand(command);
     const forPipelineConfig = command.viewState.mode === 'editPipeline' || command.viewState.mode === 'createPipeline';
@@ -154,7 +189,7 @@ export class AmazonCloneServerGroupModal extends React.Component<
       this.props.closeModal && this.props.closeModal(command);
     } else {
       this.state.taskMonitor.submit(() =>
-        ReactInjector.serverGroupWriter.cloneServerGroup(command, this.props.application),
+        this.context.services.serverGroupWriter.cloneServerGroup(command, this.props.application),
       );
     }
   };
@@ -241,3 +276,8 @@ export class AmazonCloneServerGroupModal extends React.Component<
     );
   }
 }
+
+export const AmazonCloneServerGroupModal = Object.assign(
+  withRouter<IAmazonCloneServerGroupModalProps & IRouterInjectedProps>(AmazonCloneServerGroupModalComponent),
+  { show: AmazonCloneServerGroupModalComponent.show },
+);

package/src/serverGroup/configure/wizard/instanceType/CpuCreditsToggle.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { ToggleButtonGroup, ToggleSize } from '@spinnaker/core';
-import { AwsReactInjector } from '../../../../reactShims';
+import { AwsServices } from '../../../../aws.services';
 
 export interface ICpuCreditsToggleProps {
   unlimitedCpuCredits?: boolean;
@@ -11,10 +11,10 @@ export interface ICpuCreditsToggleProps {
 
 export function CpuCreditsToggle(props: ICpuCreditsToggleProps) {
   const { selectedInstanceTypes, currentProfile } = props;
-  const isBurstingSupportedForAllTypes = AwsReactInjector.awsInstanceTypeService.isBurstingSupportedForAllTypes(
+  const isBurstingSupportedForAllTypes = AwsServices.awsInstanceTypeService.isBurstingSupportedForAllTypes(
     selectedInstanceTypes,
   );
-  const isAtleastOneTypeInProfile = AwsReactInjector.awsInstanceTypeService.getInstanceTypesInCategory(
+  const isAtleastOneTypeInProfile = AwsServices.awsInstanceTypeService.getInstanceTypesInCategory(
     selectedInstanceTypes,
     currentProfile,
   ).length

package/src/serverGroup/configure/wizard/instanceType/advancedMode/AdvancedModeSelector.tsx

@@ -7,8 +7,8 @@ import { usePrevious } from '@spinnaker/core';
 import { InstanceProfileSelector } from './InstanceProfileSelector';
 import { InstanceTypeTable } from './InstanceTypeTable';
 import { InstancesDistribution } from './InstancesDistribution';
+import { AwsServices } from '../../../../../aws.services';
 import type { IAmazonInstanceTypeCategory } from '../../../../../instance/awsInstanceType.service';
-import { AwsReactInjector } from '../../../../../reactShims';
 import type { IAmazonInstanceTypeOverride, IAmazonServerGroupCommand } from '../../../serverGroupConfiguration.service';
 
 export interface IAdvancedModeSelectorProps {
@@ -57,7 +57,7 @@ export function AdvancedModeSelector(props: IAdvancedModeSelectorProps) {
     const hasProfileChanged = prevInstanceProfile && newProfile && prevInstanceProfile !== newProfile;
     const isInstanceTypesUpdateNeeded = newProfile !== 'custom' && instanceTypesInProps && instanceTypesInProps.length;
     if (hasProfileChanged && isInstanceTypesUpdateNeeded) {
-      const instanceTypesInProfile: string[] = AwsReactInjector.awsInstanceTypeService.getInstanceTypesInCategory(
+      const instanceTypesInProfile: string[] = AwsServices.awsInstanceTypeService.getInstanceTypesInCategory(
         instanceTypesInProps.map((it) => it.instanceType),
         newProfile,
       );

package/src/serverGroup/configure/wizard/instanceType/simpleMode/SimpleModeSelector.spec.tsx

@@ -0,0 +1,105 @@
+import { mount as enzymeMount } from 'enzyme';
+import React from 'react';
+
+import { DeckRuntimeContext } from '@spinnaker/core';
+
+import { SimpleModeSelector } from './SimpleModeSelector';
+
+describe('SimpleModeSelector', () => {
+  let runtimeServices: any;
+  const RuntimeWrapper = ({ children }: React.PropsWithChildren<{}>) => (
+    <DeckRuntimeContext.Provider value={{ services: runtimeServices } as any}>{children}</DeckRuntimeContext.Provider>
+  );
+  const mount = (component: React.ReactElement) => enzymeMount(component, { wrappingComponent: RuntimeWrapper });
+
+  beforeEach(() => {
+    runtimeServices = {};
+  });
+
+  it('shows instance type rows when an instance profile tile is clicked', async () => {
+    runtimeServices.instanceTypeService = instanceTypeService();
+    const command = buildCommand();
+    const component = mount(
+      <SimpleModeSelector
+        command={command as any}
+        setUnlimitedCpuCredits={jasmine.createSpy('setUnlimitedCpuCredits')}
+        setFieldValue={jasmine.createSpy('setFieldValue')}
+        clearWarnings={jasmine.createSpy('clearWarnings')}
+      />,
+    );
+    await settle(component);
+
+    expect(component.find('.instance-type-row').exists()).toBe(false);
+
+    component.find('button.instance-profile').simulate('click');
+    await settle(component);
+
+    expect(component.find('.instance-type-row').text()).toContain('m5.large');
+  });
+
+  it('updates derived command fields from the selected instance type', async () => {
+    runtimeServices.instanceTypeService = instanceTypeService();
+    const command = buildCommand();
+    const component = mount(
+      <SimpleModeSelector
+        command={command as any}
+        setUnlimitedCpuCredits={jasmine.createSpy('setUnlimitedCpuCredits')}
+        setFieldValue={jasmine.createSpy('setFieldValue')}
+        clearWarnings={jasmine.createSpy('clearWarnings')}
+      />,
+    );
+    await settle(component);
+
+    component.find('button.instance-profile').simulate('click');
+    await settle(component);
+    component.find('.instance-type-row').simulate('click');
+
+    expect(command.instanceTypeChanged).toHaveBeenCalledWith(jasmine.objectContaining({ instanceType: 'm5.large' }));
+  });
+});
+
+function buildCommand() {
+  return {
+    backingData: { filtered: { instanceTypes: ['m5.large'] } },
+    instanceTypeChanged: jasmine.createSpy('instanceTypeChanged'),
+    selectedProvider: 'aws',
+    viewState: { dirty: {} },
+  };
+}
+
+function instanceTypeService() {
+  return {
+    getCategories: jasmine.createSpy('getCategories').and.returnValue(
+      Promise.resolve([
+        {
+          type: 'general',
+          label: 'General Purpose',
+          icon: 'cloud',
+          description: 'General purpose',
+          families: [
+            {
+              type: 'm5',
+              description: 'Balanced compute',
+              instanceTypes: [
+                {
+                  name: 'm5.large',
+                  label: 'm5.large',
+                  cpu: 2,
+                  memory: 8,
+                  storage: { count: 1, size: 0, type: 'EBS' },
+                },
+              ],
+            },
+          ],
+        },
+      ]),
+    ),
+    getInstanceTypeDetails: jasmine.createSpy('getInstanceTypeDetails').and.returnValue(Promise.resolve({})),
+  };
+}
+
+async function settle(component: any) {
+  await Promise.resolve();
+  await Promise.resolve();
+  component.update();
+}

package/src/serverGroup/configure/wizard/instanceType/simpleMode/SimpleModeSelector.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { NgReact } from '@spinnaker/core';
+import { InstanceArchetypeSelector, InstanceTypeSelector } from '@spinnaker/core';
 
 import { CpuCreditsToggle } from '../CpuCreditsToggle';
 import { InstanceTypeWarning } from '../InstanceTypeWarning';
@@ -16,13 +16,18 @@ export interface ISimpleModeSelectorProps {
 
 export function SimpleModeSelector(props: ISimpleModeSelectorProps) {
   const { command } = props;
-  const { InstanceArchetypeSelector, InstanceTypeSelector } = NgReact;
+  const [selectedInstanceProfile, setSelectedInstanceProfile] = React.useState(command.viewState.instanceProfile);
   const isLaunchTemplatesEnabled = AWSProviderSettings.serverGroups?.enableLaunchTemplates;
   const isCpuCreditsEnabled = AWSProviderSettings.serverGroups?.enableCpuCredits;
 
+  React.useEffect(() => {
+    setSelectedInstanceProfile(command.viewState.instanceProfile);
+  }, [command.viewState.instanceProfile]);
+
   const instanceProfileChanged = (newProfile: string) => {
+    setSelectedInstanceProfile(newProfile);
     // Instance profile is already set on values.viewState, so just use that value.
-    // Once angular is gone from this component tree, we can move all the viewState stuff
+    // Once this component tree is fully standalone, we can move all the viewState stuff
     // into react state
     props.setFieldValue('viewState', {
       ...command.viewState,
@@ -31,10 +36,19 @@ export function SimpleModeSelector(props: ISimpleModeSelectorProps) {
   };
 
   const instanceTypeChanged = (type: string) => {
+    command.instanceType = type;
     command.instanceTypeChanged(command);
     props.setFieldValue('instanceType', type);
   };
 
+  const commandForSelectedProfile = {
+    ...command,
+    viewState: {
+      ...command.viewState,
+      instanceProfile: selectedInstanceProfile,
+    },
+  };
+
   return (
     <div className="container-fluid form-horizontal">
       <div className="row">
@@ -45,8 +59,8 @@ export function SimpleModeSelector(props: ISimpleModeSelectorProps) {
         />
         <InstanceTypeWarning dirty={command.viewState.dirty} clearWarnings={props.clearWarnings} />
         <div style={{ padding: '0 15px' }}>
-          {command.viewState.instanceProfile && command.viewState.instanceProfile !== 'custom' && (
-            <InstanceTypeSelector command={command} onTypeChanged={instanceTypeChanged} />
+          {selectedInstanceProfile && selectedInstanceProfile !== 'custom' && (
+            <InstanceTypeSelector command={commandForSelectedProfile} onTypeChanged={instanceTypeChanged} />
           )}
         </div>
       </div>
@@ -55,7 +69,7 @@ export function SimpleModeSelector(props: ISimpleModeSelectorProps) {
           <CpuCreditsToggle
             unlimitedCpuCredits={command.unlimitedCpuCredits}
             selectedInstanceTypes={[command.instanceType]}
-            currentProfile={command.viewState.instanceProfile}
+            currentProfile={selectedInstanceProfile}
             setUnlimitedCpuCredits={props.setUnlimitedCpuCredits}
           />
         </div>

package/src/serverGroup/configure/wizard/pages/ServerGroupBasicSettings.spec.tsx

@@ -0,0 +1,39 @@
+import { ServerGroupBasicSettingsComponent } from './ServerGroupBasicSettings';
+
+describe('Amazon ServerGroupBasicSettings', () => {
+  it('opens the latest server group through the injected state service', () => {
+    const stateService = { go: jasmine.createSpy('go'), is: () => true };
+    const component = new ServerGroupBasicSettingsComponent({
+      app: {
+        clusters: [],
+        name: 'app',
+        serverGroups: {
+          data: [{ account: 'test', cluster: 'app-main', createdTime: 1, name: 'app-main-v001', region: 'us-east-1' }],
+        },
+      },
+      formik: {
+        values: {
+          amiName: 'ami',
+          credentials: 'test',
+          freeFormDetails: '',
+          region: 'us-east-1',
+          selectedProvider: 'aws',
+          stack: 'main',
+          viewState: { imageId: 'ami-123' },
+        },
+      },
+      router: {},
+      stateParams: {},
+      stateService,
+    } as any);
+
+    (component as any).navigateToLatestServerGroup();
+
+    expect(stateService.go).toHaveBeenCalledWith('.serverGroup', {
+      accountId: 'test',
+      provider: 'aws',
+      region: 'us-east-1',
+      serverGroup: 'app-main-v001',
+    });
+  });
+});

package/src/serverGroup/configure/wizard/pages/ServerGroupBasicSettings.tsx

@@ -2,7 +2,7 @@ import type { FormikErrors, FormikProps } from 'formik';
 import { Field } from 'formik';
 import React from 'react';
 
-import type { Application, IServerGroup, IWizardPageComponent } from '@spinnaker/core';
+import type { Application, IRouterInjectedProps, IServerGroup, IWizardPageComponent } from '@spinnaker/core';
 import {
   AccountSelectInput,
   DeployingIntoManagedClusterWarning,
@@ -10,12 +10,12 @@ import {
   HelpField,
   Markdown,
   NameUtils,
-  ReactInjector,
   RegionSelectField,
   ServerGroupDetailsField,
   ServerGroupNamePreview,
   SETTINGS,
   TaskReason,
+  withRouter,
 } from '@spinnaker/core';
 
 import { AmazonImageSelectInput } from '../../AmazonImageSelectInput';
@@ -42,10 +42,10 @@ export interface IServerGroupBasicSettingsState {
   latestServerGroup: IServerGroup;
 }
 
-export class ServerGroupBasicSettings
-  extends React.Component<IServerGroupBasicSettingsProps, IServerGroupBasicSettingsState>
+export class ServerGroupBasicSettingsComponent
+  extends React.Component<IServerGroupBasicSettingsProps & IRouterInjectedProps, IServerGroupBasicSettingsState>
   implements IWizardPageComponent<IAmazonServerGroupCommand> {
-  constructor(props: IServerGroupBasicSettingsProps) {
+  constructor(props: IServerGroupBasicSettingsProps & IRouterInjectedProps) {
     super(props);
     const {
       amiName,
@@ -184,11 +184,10 @@ export class ServerGroupBasicSettings
       serverGroup: latestServerGroup.name,
     };
 
-    const { $state } = ReactInjector;
-    if ($state.is('home.applications.application.insight.clusters')) {
-      $state.go('.serverGroup', params);
+    if (this.props.stateService.is('home.applications.application.insight.clusters')) {
+      this.props.stateService.go('.serverGroup', params);
     } else {
-      $state.go('^.serverGroup', params);
+      this.props.stateService.go('^.serverGroup', params);
     }
   };
 
@@ -352,3 +351,5 @@ export class ServerGroupBasicSettings
     );
   }
 }
+
+export const ServerGroupBasicSettings = withRouter(ServerGroupBasicSettingsComponent);

package/src/serverGroup/configure/wizard/pages/ServerGroupInstanceType.tsx

@@ -6,9 +6,9 @@ import { Subject } from 'rxjs';
 import type { IWizardPageComponent } from '@spinnaker/core';
 import { parseNum } from '@spinnaker/core';
 
+import { AwsServices } from '../../../../aws.services';
 import type { IAmazonInstanceTypeCategory } from '../../../../instance/awsInstanceType.service';
 import { InstanceTypeSelector } from '../instanceType/InstanceTypeSelector';
-import { AwsReactInjector } from '../../../../reactShims';
 import type { IAmazonServerGroupCommand } from '../../serverGroupConfiguration.service';
 
 export interface IServerGroupInstanceTypeProps {
@@ -117,7 +117,7 @@ export class ServerGroupInstanceType
   }
 
   public componentDidMount(): void {
-    Promise.resolve(AwsReactInjector.awsInstanceTypeService.getCategories()).then(
+    Promise.resolve(AwsServices.awsInstanceTypeService.getCategories()).then(
       (categories: IAmazonInstanceTypeCategory[]) => {
         this.setState({ instanceTypeDetails: categories });
       },

package/src/serverGroup/configure/wizard/pages/ServerGroupLoadBalancers.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import type { Option } from 'react-select';
 
 import type { IWizardPageComponent } from '@spinnaker/core';
-import { HelpField, ReactInjector, TetheredSelect } from '@spinnaker/core';
+import { DeckRuntimeContext, HelpField, TetheredSelect } from '@spinnaker/core';
 
 import type { IAmazonServerGroupCommand } from '../../serverGroupConfiguration.service';
 
@@ -27,6 +27,9 @@ const stringToOption = (value: string): Option<string> => {
 export class ServerGroupLoadBalancers
   extends React.Component<IServerGroupLoadBalancersProps, IServerGroupLoadBalancersState>
   implements IWizardPageComponent<IAmazonServerGroupCommand> {
+  public static contextType = DeckRuntimeContext;
+  public declare context: React.ContextType<typeof DeckRuntimeContext>;
+
   public state = {
     refreshing: false,
     refreshed: false,
@@ -49,7 +52,7 @@ export class ServerGroupLoadBalancers
   public refreshLoadBalancers = () => {
     const { values } = this.props.formik;
     this.setState({ refreshing: true });
-    const configurationService: any = ReactInjector.providerServiceDelegate.getDelegate(
+    const configurationService: any = this.context.services.providerServiceDelegate.getDelegate(
       values.cloudProvider || values.selectedProvider,
       'serverGroup.configurationService',
     );

package/src/serverGroup/configure/wizard/pages/advancedSettings/ServerGroupAdvancedSettingsCommon.spec.tsx

@@ -0,0 +1,53 @@
+import { shallow } from 'enzyme';
+import { Field } from 'formik';
+import React from 'react';
+
+import { ServerGroupAdvancedSettingsCommon } from './ServerGroupAdvancedSettingsCommon';
+
+describe('ServerGroupAdvancedSettingsCommon', () => {
+  it('uses the standard wizard label grid instead of centering the form controls', () => {
+    const component = shallow(
+      <ServerGroupAdvancedSettingsCommon app={buildApplication() as any} formik={buildFormik() as any} />,
+    );
+
+    expect(component.find('.form-group').first().find('.sm-label-right').first().hasClass('col-md-3')).toBe(true);
+    expect(component.find('.form-group').first().find(Field).parent().hasClass('col-md-2')).toBe(true);
+  });
+});
+
+function buildApplication() {
+  return {
+    attributes: {
+      platformHealthOnlyShowOverride: false,
+    },
+  };
+}
+
+function buildFormik() {
+  return {
+    setFieldValue: jasmine.createSpy('setFieldValue'),
+    values: {
+      associatePublicIpAddress: null,
+      backingData: {
+        enabledMetrics: [],
+        filtered: { keyPairs: [] },
+        healthCheckTypes: [],
+        scalingProcesses: [],
+        terminationPolicies: [],
+      },
+      ebsOptimized: false,
+      enabledMetrics: [],
+      getBlockDeviceMappingsSource: jasmine.createSpy('getBlockDeviceMappingsSource').and.returnValue('default'),
+      healthCheckType: 'EC2',
+      instanceMonitoring: false,
+      keyPair: '',
+      requireIMDSv2: false,
+      selectBlockDeviceMappingsSource: jasmine.createSpy('selectBlockDeviceMappingsSource'),
+      suspendedProcesses: [],
+      tags: {},
+      terminationPolicies: [],
+      toggleSuspendedProcess: jasmine.createSpy('toggleSuspendedProcess'),
+      viewState: { useSimpleInstanceTypeSelector: true },
+    },
+  };
+}