ovh · lolottetheclash · Jun 20, 2025
@@ -11,6 +11,9 @@
   "kube_service_file_help": "Le fichier kubeconfig contient les données permettant à l'outil en ligne de commande kubectl de communiquer avec l'API de votre cluster.",
   "kube_service_file_more_information": "Plus d'informations disponibles ici",
   "kube_service_cluster_information": "Informations sur le cluster",
+  "kube_service_cluster_offer": "Plan",
+  "kube_service_cluster_offer_free": "Gratuit",
+  "kube_service_cluster_offer_standard": "Standard",
   "kube_service_cluster_status": "Statut",
   "kube_service_cluster_status_READY": "Ok",
   "kube_service_cluster_status_ERROR": "Erreur",

@@ -1,18 +1,25 @@
-import { renderHook } from '@testing-library/react';
+import { render, renderHook } from '@testing-library/react';
+import { Datagrid } from '@ovh-ux/manager-react-components';
 import { useDatagridColumn } from './useDatagridColumn';
+import { TClusterOffer, TKube } from '@/types';
+import { wrapper } from '@/wrapperRenders';
 
 const test = [
   ['name', 'kube_list_name'],
   ['id', 'kube_list_id'],
+  ['offer', 'kube:kube_service_cluster_offer'],
   ['region', 'kube_list_region'],
   ['mode', 'kubernetes_containers_deployment_mode_label'],
   ['attachedTo', 'kube_list_network_attached'],
   ['version', 'kube_list_version'],
   ['status', 'kube:kube_service_cluster_status'],
   ['actions', ''],
 ];
+
 const columnCount = test.length;
 
+const clusterOffers: TClusterOffer[] = ['free', 'standard'];
+
 describe('useDatagridColumn', () => {
   it.each(test)('should return the correct column for %s', (id, label) => {
     const { result } = renderHook(() => useDatagridColumn());
@@ -29,4 +36,22 @@ describe('useDatagridColumn', () => {
 
     expect(columns).toHaveLength(columnCount);
   });
+
+  it.each(clusterOffers)(`should display correct cluster offer`, (offer) => {
+    const { result } = renderHook(() => useDatagridColumn());
+
+    const fakeStandardOfferKubeData = [{ offer } as TKube];
+
+    const { getByText } = render(
+      <Datagrid
+        columns={result.current}
+        items={fakeStandardOfferKubeData}
+        totalItems={fakeStandardOfferKubeData.length}
+      />,
+      { wrapper },
+    );
+    expect(
+      getByText(`kube:kube_service_cluster_offer_${offer}`),
+    ).toBeInTheDocument();
+  });
 });
@@ -43,6 +43,15 @@ export const useDatagridColumn = () => {
       ),
       label: t('kube_list_id'),
     },
+    {
+      id: 'offer',
+      cell: (props: TKube) => (
+        <DataGridTextCell>
+          {t(`kube:kube_service_cluster_offer_${props.offer}`)}
+        </DataGridTextCell>
+      ),
+      label: t('kube:kube_service_cluster_offer'),
+    },
     {
       id: 'region',
       cell: (props: TKube) => (

@@ -49,6 +49,8 @@ export type TKube = {
   privateNetworkConfiguration: TNetworkConfiguration;
   isClusterReady: boolean;
   plugins: typeof pluginData;
+  // TODO: enlever le ? pour mettre mandatory
+  offer?: TClusterOffer;
 };
 
 export type TAdmissionPlugin = {
@@ -64,6 +66,8 @@ export type TClusterCustomization = {
   apiServer: TApiServerCustomization;
 };
 
+export type TClusterOffer = 'free' | 'standard';
+
 export type TNetworkConfiguration = {
   privateNetworkRoutingAsDefault: boolean;
   defaultVrackGateway: string;