@spinnaker/kubernetes 2026.2.3 → 2026.3.0

package/src/pipelines/stages/deployManifest/manifestStatus/ManifestDetailsLink.spec.tsx

@@ -0,0 +1,35 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import { AccountService } from '@spinnaker/core';
+
+import { ManifestDetailsLinkComponent } from './ManifestDetailsLink';
+
+describe('Kubernetes ManifestDetailsLink', () => {
+  it('builds its link through the injected state service', async () => {
+    spyOn(AccountService, 'getAccountDetails').and.returnValue(
+      Promise.resolve({ spinnakerKindMap: { Deployment: 'serverGroups' } } as any) as any,
+    );
+    const href = jasmine.createSpy('href').and.returnValue('#/manifest');
+    const component = shallow(
+      <ManifestDetailsLinkComponent
+        {...({ router: {}, stateParams: {}, stateService: { href } } as any)}
+        accountId="test-account"
+        linkName="Manifest"
+        manifest={{ manifest: { kind: 'Deployment', metadata: { annotations: {}, name: 'test-v001' } } } as any}
+      />,
+    );
+
+    await Promise.resolve();
+    component.update();
+
+    expect(href).toHaveBeenCalledWith('home.applications.application.insight.clusters.serverGroup', {
+      accountId: 'test-account',
+      provider: 'kubernetes',
+      reg: '',
+      region: '_',
+      serverGroup: 'deployment test-v001',
+    });
+    expect(component.find('a').prop('href')).toBe('#/manifest');
+  });
+});

package/src/pipelines/stages/deployManifest/manifestStatus/ManifestDetailsLink.tsx

@@ -1,8 +1,8 @@
 import { get, trim } from 'lodash';
 import React from 'react';
 
-import type { IManifest } from '@spinnaker/core';
-import { AccountService, ReactInjector } from '@spinnaker/core';
+import type { IManifest, IRouterInjectedProps } from '@spinnaker/core';
+import { AccountService, withRouter } from '@spinnaker/core';
 
 const UNMAPPED_K8S_RESOURCE_STATE_KEY = 'kubernetesResource';
 
@@ -16,14 +16,17 @@ export interface IManifestDetailsState {
   url: string;
 }
 
-export class ManifestDetailsLink extends React.Component<IManifestDetailsProps, IManifestDetailsState> {
+export class ManifestDetailsLinkComponent extends React.Component<
+  IManifestDetailsProps & IRouterInjectedProps,
+  IManifestDetailsState
+> {
   private spinnakerKindStateMap: { [k: string]: string } = {
     // keys from clouddriver's KubernetesSpinnakerKindMap
     serverGroupManagers: 'serverGroupManager',
     serverGroups: 'serverGroup',
   };
 
-  constructor(props: IManifestDetailsProps) {
+  constructor(props: IManifestDetailsProps & IRouterInjectedProps) {
     super(props);
     this.state = {
       url: '',
@@ -73,7 +76,7 @@ export class ManifestDetailsLink extends React.Component<IManifestDetailsProps,
       const spinnakerKind = this.spinnakerKindFromKubernetesKind(kind, account.spinnakerKindMap);
       const stateKey = this.spinnakerKindStateMap[spinnakerKind] || UNMAPPED_K8S_RESOURCE_STATE_KEY;
       const params = this.getStateParams(stateKey);
-      const url = ReactInjector.$state.href(`home.applications.application.insight.clusters.${stateKey}`, params);
+      const url = this.props.stateService.href(`home.applications.application.insight.clusters.${stateKey}`, params);
       this.setState({ url });
     });
   }
@@ -90,3 +93,5 @@ export class ManifestDetailsLink extends React.Component<IManifestDetailsProps,
     }
   }
 }
+
+export const ManifestDetailsLink = withRouter(ManifestDetailsLinkComponent);

package/src/pipelines/stages/traffic/ManifestTrafficStageRegistration.spec.ts

@@ -0,0 +1,34 @@
+import { Registry } from '@spinnaker/core';
+
+import { DISABLE_MANIFEST_STAGE_CONFIG } from './disableManifest.stage';
+import { ENABLE_MANIFEST_STAGE_CONFIG } from './enableManifest.stage';
+import { ManifestTrafficStageConfig } from './ManifestTrafficStageConfig';
+
+describe('ManifestTraffic stage registration', () => {
+  beforeEach(() => Registry.reinitialize());
+  afterEach(() => Registry.reinitialize());
+
+  it('registers enable and disable manifest stage configs', () => {
+    Registry.pipeline.registerStage(ENABLE_MANIFEST_STAGE_CONFIG);
+    Registry.pipeline.registerStage(DISABLE_MANIFEST_STAGE_CONFIG);
+
+    const enableStage = Registry.pipeline.getStageConfig({ type: 'enableManifest' } as any);
+    const disableStage = Registry.pipeline.getStageConfig({ type: 'disableManifest' } as any);
+
+    expect(ENABLE_MANIFEST_STAGE_CONFIG.key).toBe('enableManifest');
+    expect(enableStage.label).toBe('Enable (Manifest)');
+    expect(enableStage.description).toBe('Enable a Kubernetes manifest.');
+    expect(enableStage.cloudProvider).toBe('kubernetes');
+    expect(enableStage.component).toBe(ManifestTrafficStageConfig);
+    expect(enableStage.accountExtractor({ account: 'k8s-local' } as any)).toEqual(['k8s-local']);
+    expect(enableStage.configAccountExtractor({ account: 'k8s-local' } as any)).toEqual(['k8s-local']);
+
+    expect(DISABLE_MANIFEST_STAGE_CONFIG.key).toBe('disableManifest');
+    expect(disableStage.label).toBe('Disable (Manifest)');
+    expect(disableStage.description).toBe('Disable a Kubernetes manifest.');
+    expect(disableStage.cloudProvider).toBe('kubernetes');
+    expect(disableStage.component).toBe(ManifestTrafficStageConfig);
+    expect(disableStage.accountExtractor({ account: 'k8s-local' } as any)).toEqual(['k8s-local']);
+    expect(disableStage.configAccountExtractor({ account: 'k8s-local' } as any)).toEqual(['k8s-local']);
+  });
+});

package/src/pipelines/stages/traffic/disableManifest.stage.ts

@@ -1,7 +1,5 @@
-import { module } from 'angular';
-
-import type { IStage } from '@spinnaker/core';
-import { EXECUTION_ARTIFACT_TAB, ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+import type { IStage, IStageTypeConfig } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
 import { manifestExecutionDetails } from '../ManifestExecutionDetails';
 import { ManifestTrafficStageConfig } from './ManifestTrafficStageConfig';
@@ -9,18 +7,18 @@ import { manifestSelectorValidators } from '../validators/manifestSelectorValida
 
 const STAGE_NAME = 'Disable (Manifest)';
 const STAGE_KEY = 'disableManifest';
-export const KUBERNETES_DISABLE_MANIFEST_STAGE = 'spinnaker.kubernetes.v2.pipeline.stage.disableManifestStage';
-module(KUBERNETES_DISABLE_MANIFEST_STAGE, [EXECUTION_ARTIFACT_TAB]).config(() => {
-  Registry.pipeline.registerStage({
-    label: STAGE_NAME,
-    description: 'Disable a Kubernetes manifest.',
-    key: STAGE_KEY,
-    cloudProvider: 'kubernetes',
-    component: ManifestTrafficStageConfig,
-    executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
-    supportsCustomTimeout: true,
-    accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-    configAccountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-    validators: manifestSelectorValidators(STAGE_NAME),
-  });
-});
+
+export const DISABLE_MANIFEST_STAGE_CONFIG: IStageTypeConfig = {
+  label: STAGE_NAME,
+  description: 'Disable a Kubernetes manifest.',
+  key: STAGE_KEY,
+  cloudProvider: 'kubernetes',
+  component: ManifestTrafficStageConfig,
+  executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
+  supportsCustomTimeout: true,
+  accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  configAccountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  validators: manifestSelectorValidators(STAGE_NAME),
+};
+
+Registry.pipeline.registerStage(DISABLE_MANIFEST_STAGE_CONFIG);

package/src/pipelines/stages/traffic/enableManifest.stage.ts

@@ -1,7 +1,5 @@
-import { module } from 'angular';
-
-import type { IStage } from '@spinnaker/core';
-import { EXECUTION_ARTIFACT_TAB, ExecutionDetailsTasks, Registry } from '@spinnaker/core';
+import type { IStage, IStageTypeConfig } from '@spinnaker/core';
+import { ExecutionDetailsTasks, Registry } from '@spinnaker/core';
 
 import { manifestExecutionDetails } from '../ManifestExecutionDetails';
 import { ManifestTrafficStageConfig } from './ManifestTrafficStageConfig';
@@ -9,18 +7,18 @@ import { manifestSelectorValidators } from '../validators/manifestSelectorValida
 
 const STAGE_NAME = 'Enable (Manifest)';
 const STAGE_KEY = 'enableManifest';
-export const KUBERNETES_ENABLE_MANIFEST_STAGE = 'spinnaker.kubernetes.v2.pipeline.stage.enableManifestStage';
-module(KUBERNETES_ENABLE_MANIFEST_STAGE, [EXECUTION_ARTIFACT_TAB]).config(() => {
-  Registry.pipeline.registerStage({
-    label: STAGE_NAME,
-    description: 'Enable a Kubernetes manifest.',
-    key: STAGE_KEY,
-    cloudProvider: 'kubernetes',
-    component: ManifestTrafficStageConfig,
-    executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
-    supportsCustomTimeout: true,
-    accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-    configAccountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
-    validators: manifestSelectorValidators(STAGE_NAME),
-  });
-});
+
+export const ENABLE_MANIFEST_STAGE_CONFIG: IStageTypeConfig = {
+  label: STAGE_NAME,
+  description: 'Enable a Kubernetes manifest.',
+  key: STAGE_KEY,
+  cloudProvider: 'kubernetes',
+  component: ManifestTrafficStageConfig,
+  executionDetailsSections: [manifestExecutionDetails(STAGE_KEY), ExecutionDetailsTasks],
+  supportsCustomTimeout: true,
+  accountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  configAccountExtractor: (stage: IStage): string[] => (stage.account ? [stage.account] : []),
+  validators: manifestSelectorValidators(STAGE_NAME),
+};
+
+Registry.pipeline.registerStage(ENABLE_MANIFEST_STAGE_CONFIG);

package/src/rawResource/index.ts

@@ -1 +1,18 @@
-export * from './rawResource.module';
+import { SETTINGS } from '@spinnaker/core';
+
+import { registerKubernetesRawResourceDataSource } from './rawResource.dataSource';
+import { registerKubernetesRawResourceStates } from './rawResource.states';
+
+export * from './rawResource.dataSource';
+export * from './rawResource.states';
+
+export function registerKubernetesRawResources(): void {
+  if (!SETTINGS.feature.kubernetesRawResources) {
+    return;
+  }
+
+  registerKubernetesRawResourceDataSource();
+  registerKubernetesRawResourceStates();
+}
+
+registerKubernetesRawResources();

package/src/rawResource/rawResource.dataSource.ts

@@ -1,21 +1,18 @@
-import { module } from 'angular';
-
 import type { Application } from '@spinnaker/core';
 import { ApplicationDataSourceRegistry, INFRASTRUCTURE_KEY, REST } from '@spinnaker/core';
 
-export const KUBERNETS_RAW_RESOURCE_DATA_SOURCE = 'spinnaker.core.rawresource.dataSource';
 export const KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY = 'k8s';
 const KUBERNETS_RAW_RESOURCE_DATA_SOURCE_SREF = `.insight.${KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY}`;
 
 type ApiK8sResource = any;
 
-const fetchK8sResources = (application: Application): PromiseLike<ApiK8sResource> =>
+const fetchK8sResources = (application: Application): Promise<ApiK8sResource> =>
   REST('applications').path(application.name, 'rawResources').get();
 
-const formatK8sResources = (_: Application, result: ApiK8sResource): PromiseLike<ApiK8sResource> =>
-  Promise.resolve(result);
+const formatK8sResources = (_: Application, result: ApiK8sResource): Promise<ApiK8sResource> => Promise.resolve(result);
 
-module(KUBERNETS_RAW_RESOURCE_DATA_SOURCE, []).run(() => {
+export function registerKubernetesRawResourceDataSource(): void {
+  ApplicationDataSourceRegistry.removeDataSource(KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY);
   ApplicationDataSourceRegistry.registerDataSource({
     key: KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY,
     label: 'Kubernetes',
@@ -32,4 +29,4 @@ module(KUBERNETS_RAW_RESOURCE_DATA_SOURCE, []).run(() => {
     description: 'Collections of kubernetes resources',
     defaultData: [],
   });
-});
+}

package/src/rawResource/rawResource.states.ts

@@ -1,8 +1,5 @@
-import { module } from 'angular';
-
-//import { StateParams } from '@uirouter/angularjs';
-import type { ApplicationStateProvider, INestedState } from '@spinnaker/core';
-import { APPLICATION_STATE_PROVIDER } from '@spinnaker/core';
+import type { INestedState } from '@spinnaker/core';
+import { registerApplicationState } from '@spinnaker/core';
 
 import { K8sResources } from './component/K8sResources';
 import { K8sResourcesFilters } from './component/K8sResourcesFilters';
@@ -14,51 +11,53 @@ export interface IKubernetesRawResourceStateParams {
   region: string;
 }
 
-export const KUBERNETS_RAW_RESOURCE_STATES = 'spinnaker.kubernetes.rawresource.states';
-module(KUBERNETS_RAW_RESOURCE_STATES, [APPLICATION_STATE_PROVIDER]).config([
-  'applicationStateProvider',
-  (applicationStateProvider: ApplicationStateProvider) => {
-    const rawResourceDetails: INestedState = {
-      name: 'rawResourceDetails',
-      url: '/rawResourceDetails/:account/:region/:name',
-      views: {
-        'detail@../insight': {
-          component: RawResourceDetails,
-          $type: 'react',
-        },
-      },
-      resolve: {
-        account: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.account],
-        name: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.name],
-        region: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.region],
-      },
-      data: {
-        pageTitleDetails: {
-          title: 'Raw Resource Details',
-          nameParam: 'name',
-          accountParam: 'account',
-        },
-        history: {
-          type: 'rawResources',
-        },
-      },
-    };
-    const kubernetes: INestedState = {
-      url: `/kubernetes`,
-      name: 'k8s',
-      views: {
-        nav: { component: K8sResourcesFilters, $type: 'react' },
-        master: { component: K8sResources, $type: 'react' },
-      },
-      data: {
-        pageTitleSection: {
-          title: 'Kubernetes',
-        },
-      },
-      children: [],
-    };
+export const KUBERNETES_RAW_RESOURCE_DETAILS_STATE: INestedState = {
+  name: 'rawResourceDetails',
+  url: '/rawResourceDetails/:account/:region/:name',
+  views: {
+    'detail@../insight': {
+      component: RawResourceDetails,
+      $type: 'react',
+    },
+  },
+  resolve: {
+    account: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.account],
+    name: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.name],
+    region: ['$stateParams', ($stateParams: IKubernetesRawResourceStateParams) => $stateParams.region],
+  },
+  data: {
+    pageTitleDetails: {
+      title: 'Raw Resource Details',
+      nameParam: 'name',
+      accountParam: 'account',
+    },
+    history: {
+      type: 'rawResources',
+    },
+  },
+};
 
-    applicationStateProvider.addInsightState(kubernetes);
-    applicationStateProvider.addInsightDetailState(rawResourceDetails);
+export const KUBERNETES_RAW_RESOURCE_INSIGHT_STATE: INestedState = {
+  url: '/kubernetes',
+  name: 'k8s',
+  views: {
+    nav: { component: K8sResourcesFilters, $type: 'react' },
+    master: { component: K8sResources, $type: 'react' },
   },
-]);
+  data: {
+    pageTitleSection: {
+      title: 'Kubernetes',
+    },
+  },
+  children: [],
+};
+
+export function registerKubernetesRawResourceStates(): void {
+  registerApplicationState((applicationStateProvider) => {
+    applicationStateProvider.addInsightState({
+      ...KUBERNETES_RAW_RESOURCE_INSIGHT_STATE,
+      children: [],
+    });
+    applicationStateProvider.addInsightDetailState(KUBERNETES_RAW_RESOURCE_DETAILS_STATE);
+  });
+}

package/src/resources/resources.state.spec.ts

@@ -0,0 +1,138 @@
+import type { ApplicationStateProvider, INestedState } from '@spinnaker/core';
+import { ApplicationDataSourceRegistry, INFRASTRUCTURE_KEY, SETTINGS } from '@spinnaker/core';
+
+// eslint-disable-next-line @spinnaker/import-from-npm-not-relative
+import type { ApplicationStateRegistration } from '../../../core/src/application/applicationState.registration';
+// eslint-disable-next-line @spinnaker/import-from-npm-not-relative
+import {
+  getApplicationStateRegistrationsForTests,
+  resetApplicationStateRegistrationsForTests,
+} from '../../../core/src/application/applicationState.registration';
+import { registerKubernetesRawResources } from '../rawResource';
+import {
+  KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY,
+  registerKubernetesRawResourceDataSource,
+} from '../rawResource/rawResource.dataSource';
+import {
+  KUBERNETES_RAW_RESOURCE_DETAILS_STATE,
+  KUBERNETES_RAW_RESOURCE_INSIGHT_STATE,
+  registerKubernetesRawResourceStates,
+} from '../rawResource/rawResource.states';
+import { KUBERNETES_RESOURCE_DETAILS_STATE } from './resources.state';
+
+describe('Kubernetes resource state registration', () => {
+  let originalRegistrations: ApplicationStateRegistration[];
+
+  function makeApplicationStateProvider(): ApplicationStateProvider {
+    return {
+      addInsightState: jasmine.createSpy('addInsightState'),
+      addInsightDetailState: jasmine.createSpy('addInsightDetailState'),
+    } as any;
+  }
+
+  beforeEach(() => {
+    originalRegistrations = getApplicationStateRegistrationsForTests();
+    resetApplicationStateRegistrationsForTests();
+    ApplicationDataSourceRegistry.clearDataSources();
+  });
+
+  afterEach(() => {
+    resetApplicationStateRegistrationsForTests(originalRegistrations);
+    ApplicationDataSourceRegistry.clearDataSources();
+    SETTINGS.resetToOriginal();
+  });
+
+  it('defines the generic Kubernetes resource detail state as a React insight detail', () => {
+    const applicationStateProvider = makeApplicationStateProvider();
+
+    applicationStateProvider.addInsightDetailState(KUBERNETES_RESOURCE_DETAILS_STATE);
+
+    expect(applicationStateProvider.addInsightDetailState).toHaveBeenCalledWith(
+      jasmine.objectContaining<INestedState>({
+        name: 'kubernetesResource',
+        url: '/manifest/:provider/:accountId/:region/:kubernetesResource',
+      }),
+    );
+    expect(KUBERNETES_RESOURCE_DETAILS_STATE.views['detail@../insight'].$type).toBe('react');
+  });
+
+  it('defines raw resource insight and detail states as React states', () => {
+    expect(KUBERNETES_RAW_RESOURCE_INSIGHT_STATE).toEqual(
+      jasmine.objectContaining<INestedState>({
+        name: 'k8s',
+        url: '/kubernetes',
+      }),
+    );
+    expect(KUBERNETES_RAW_RESOURCE_INSIGHT_STATE.views.nav.$type).toBe('react');
+    expect(KUBERNETES_RAW_RESOURCE_INSIGHT_STATE.views.master.$type).toBe('react');
+
+    expect(KUBERNETES_RAW_RESOURCE_DETAILS_STATE).toEqual(
+      jasmine.objectContaining<INestedState>({
+        name: 'rawResourceDetails',
+        url: '/rawResourceDetails/:account/:region/:name',
+      }),
+    );
+    expect(KUBERNETES_RAW_RESOURCE_DETAILS_STATE.views['detail@../insight'].$type).toBe('react');
+  });
+
+  it('queues raw resource states', () => {
+    registerKubernetesRawResourceStates();
+    const applicationStateProvider = makeApplicationStateProvider();
+
+    getApplicationStateRegistrationsForTests().forEach((registration) => registration(applicationStateProvider));
+
+    expect(applicationStateProvider.addInsightState).toHaveBeenCalledWith(
+      jasmine.objectContaining<INestedState>({
+        name: 'k8s',
+        url: '/kubernetes',
+      }),
+    );
+    expect(applicationStateProvider.addInsightDetailState).toHaveBeenCalledWith(
+      jasmine.objectContaining<INestedState>({
+        name: 'rawResourceDetails',
+        url: '/rawResourceDetails/:account/:region/:name',
+      }),
+    );
+  });
+
+  it('registers the raw resource data source', () => {
+    registerKubernetesRawResourceDataSource();
+
+    const rawResourceDataSource = ApplicationDataSourceRegistry.getDataSources().find(
+      (dataSource) => dataSource.key === KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY,
+    );
+
+    expect(rawResourceDataSource).toEqual(
+      jasmine.objectContaining({
+        key: KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY,
+        label: 'Kubernetes',
+        category: INFRASTRUCTURE_KEY,
+        sref: '.insight.k8s',
+        primary: true,
+        providerField: 'cloudProvider',
+        credentialsField: 'account',
+        regionField: 'region',
+      }),
+    );
+  });
+
+  it('keeps raw resource registration behind the feature flag', () => {
+    SETTINGS.feature.kubernetesRawResources = false;
+
+    registerKubernetesRawResources();
+
+    expect(ApplicationDataSourceRegistry.getDataSources()).toEqual([]);
+    expect(getApplicationStateRegistrationsForTests()).toEqual([]);
+
+    SETTINGS.feature.kubernetesRawResources = true;
+
+    registerKubernetesRawResources();
+
+    expect(
+      ApplicationDataSourceRegistry.getDataSources().some(
+        (dataSource) => dataSource.key === KUBERNETS_RAW_RESOURCE_DATA_SOURCE_KEY,
+      ),
+    ).toBe(true);
+    expect(getApplicationStateRegistrationsForTests().length).toBe(1);
+  });
+});

package/src/resources/resources.state.ts

@@ -1,6 +1,5 @@
-import { module } from 'angular';
-import type { ApplicationStateProvider, INestedState } from '@spinnaker/core';
-import { APPLICATION_STATE_PROVIDER } from '@spinnaker/core';
+import type { INestedState } from '@spinnaker/core';
+import { registerApplicationState } from '@spinnaker/core';
 import { KubernetesResourceDetails } from './ResourceDetails';
 
 export interface IKubernetesResourceStateParams {
@@ -10,36 +9,32 @@ export interface IKubernetesResourceStateParams {
   kubernetesResource: string;
 }
 
-export const KUBERNETES_RESOURCE_STATES = 'spinnaker.core.kubernetesResource.states';
-module(KUBERNETES_RESOURCE_STATES, [APPLICATION_STATE_PROVIDER]).config([
-  'applicationStateProvider',
-  (applicationStateProvider: ApplicationStateProvider) => {
-    const kubernetesResourceDetails: INestedState = {
-      name: 'kubernetesResource',
-      url: '/manifest/:provider/:accountId/:region/:kubernetesResource',
-      views: {
-        'detail@../insight': {
-          component: KubernetesResourceDetails,
-          $type: 'react',
-        },
-      },
-      resolve: {
-        accountId: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams.accountId],
-        kubernetesResource: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams],
-      },
-      data: {
-        pageTitleDetails: {
-          title: 'Generic Kubernetes Resource Details',
-          nameParam: 'kubernetesResource',
-          accountParam: 'accountId',
-          regionParam: 'region',
-        },
-        history: {
-          type: 'kubernetesResource',
-        },
-      },
-    };
-
-    applicationStateProvider.addInsightDetailState(kubernetesResourceDetails);
+export const KUBERNETES_RESOURCE_DETAILS_STATE: INestedState = {
+  name: 'kubernetesResource',
+  url: '/manifest/:provider/:accountId/:region/:kubernetesResource',
+  views: {
+    'detail@../insight': {
+      component: KubernetesResourceDetails,
+      $type: 'react',
+    },
+  },
+  resolve: {
+    accountId: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams.accountId],
+    kubernetesResource: ['$stateParams', ($stateParams: IKubernetesResourceStateParams) => $stateParams],
   },
-]);
+  data: {
+    pageTitleDetails: {
+      title: 'Generic Kubernetes Resource Details',
+      nameParam: 'kubernetesResource',
+      accountParam: 'accountId',
+      regionParam: 'region',
+    },
+    history: {
+      type: 'kubernetesResource',
+    },
+  },
+};
+
+registerApplicationState((applicationStateProvider) => {
+  applicationStateProvider.addInsightDetailState(KUBERNETES_RESOURCE_DETAILS_STATE);
+});