added cypress test

Author: katieperry4

frontend/src/__mocks__/mockServingRuntimeK8sResource.ts

@@ -24,6 +24,7 @@ type MockResourceConfigType = {
   acceleratorProfileNamespace?: string;
   isNonDashboardItem?: boolean;
   version?: string;
+  templateName?: string;
 };
 
 export const mockServingRuntimeK8sResourceLegacy = ({
@@ -136,6 +137,7 @@ export const mockServingRuntimeK8sResource = ({
   hardwareProfileNamespace = undefined,
   isNonDashboardItem = false,
   version,
+  templateName = 'ovms',
 }: MockResourceConfigType): ServingRuntimeKind => ({
   apiVersion: 'serving.kserve.io/v1alpha1',
   kind: 'ServingRuntime',
@@ -150,7 +152,7 @@ export const mockServingRuntimeK8sResource = ({
       'opendatahub.io/accelerator-name': acceleratorName,
       'opendatahub.io/hardware-profile-name': hardwareProfileName,
 
-      'opendatahub.io/template-name': 'ovms',
+      'opendatahub.io/template-name': templateName,
       'openshift.io/display-name': displayName,
       'opendatahub.io/apiProtocol': apiProtocol,
       ...(version && {

frontend/src/__tests__/cypress/cypress/pages/modelServing.ts

@@ -112,6 +112,10 @@ class ModelServingGlobal {
   findServingRuntimeVersionLabel() {
     return cy.findByTestId('serving-runtime-version-label');
   }
+
+  findServingRuntimeVersionStatusLabel() {
+    return cy.findByTestId('serving-runtime-version-status-label');
+  }
 }
 
 class ServingRuntimeGroup extends Contextual<HTMLElement> {}
@@ -615,6 +619,14 @@ class KServeRow extends ModelMeshRow {
 }
 
 class InferenceServiceRow extends TableRow {
+  findServingRuntimeVersionLabel() {
+    return this.find().findByTestId('serving-runtime-version-label');
+  }
+
+  findServingRuntimeVersionStatusLabel() {
+    return this.find().findByTestId('serving-runtime-version-status-label');
+  }
+
   findStatusTooltip() {
     return this.find()
       .findByTestId('status-tooltip')

frontend/src/__tests__/cypress/cypress/tests/mocked/modelServing/modelServingGlobal.cy.ts

@@ -28,7 +28,12 @@ import {
   ServingRuntimeModel,
   TemplateModel,
 } from '#~/__tests__/cypress/cypress/utils/models';
-import { DeploymentMode, type InferenceServiceKind, type ServingRuntimeKind } from '#~/k8sTypes';
+import {
+  DeploymentMode,
+  type TemplateKind,
+  type InferenceServiceKind,
+  type ServingRuntimeKind,
+} from '#~/k8sTypes';
 import { ServingRuntimePlatform } from '#~/types';
 import { be } from '#~/__tests__/cypress/cypress/utils/should';
 import { asClusterAdminUser } from '#~/__tests__/cypress/cypress/utils/mockUsers';
@@ -63,6 +68,7 @@ type HandlersProps = {
   disableServingRuntimeParamsConfig?: boolean;
   disableProjectScoped?: boolean;
   disableHardwareProfiles?: boolean;
+  servingRuntimesTemplates?: TemplateKind[];
 };
 
 const initIntercepts = ({
@@ -948,18 +954,45 @@ describe('Model Serving Global', () => {
     cy.findByTestId('app-page-title').should('have.text', 'Test Inference Service metrics');
   });
   it('Display the version label if the annotation is present', () => {
-    const servingRuntimeWithVersion = mockServingRuntimeK8sResource({});
-    servingRuntimeWithVersion.metadata.annotations =
-      servingRuntimeWithVersion.metadata.annotations || {};
-    servingRuntimeWithVersion.metadata.annotations['opendatahub.io/runtime-version'] = '1.2.3';
+    const servingRuntimeWithLatestVersion = mockServingRuntimeK8sResource({
+      namespace: 'test-project',
+      name: 'test-inference-service-latest',
+      templateName: 'template-2',
+      version: '1.0.0',
+    });
+    const servingRuntimeWithOutdatedVersion = mockServingRuntimeK8sResource({
+      namespace: 'test-project',
+      name: 'test-inference-service-outdated',
+      templateName: 'template-2',
+      version: '0.5.0',
+    });
+    const inferenceServiceLatest = mockInferenceServiceK8sResource({
+      name: 'test-inference-service-latest',
+      namespace: 'test-project',
+      displayName: 'Latest Model',
+      modelName: 'test-inference-service-latest',
+    });
+    const inferenceServiceOutdated = mockInferenceServiceK8sResource({
+      name: 'test-inference-service-outdated',
+      namespace: 'test-project',
+      displayName: 'Outdated Model',
+      modelName: 'test-inference-service-outdated',
+    });
 
     initIntercepts({
-      servingRuntimes: [servingRuntimeWithVersion],
+      servingRuntimes: [servingRuntimeWithLatestVersion, servingRuntimeWithOutdatedVersion],
+      inferenceServices: [inferenceServiceLatest, inferenceServiceOutdated],
     });
 
-    modelServingGlobal.visit();
-    modelServingGlobal.findServingRuntimeVersionLabel().should('exist');
-    modelServingGlobal.findServingRuntimeVersionLabel().should('contain.text', '1.2.3');
+    modelServingGlobal.visit('test-project');
+
+    const latestRow = modelServingSection.getInferenceServiceRow('Latest Model');
+    latestRow.findServingRuntimeVersionLabel().should('contain.text', '1.0.0');
+    latestRow.findServingRuntimeVersionStatusLabel().should('have.text', 'Latest');
+
+    const outdatedRow = modelServingSection.getInferenceServiceRow('Outdated Model');
+    outdatedRow.findServingRuntimeVersionLabel().should('contain.text', '0.5.0');
+    outdatedRow.findServingRuntimeVersionStatusLabel().should('have.text', 'Outdated');
   });
 
   it('Not display the version label if the annotation is absent', () => {
@@ -969,8 +1002,15 @@ describe('Model Serving Global', () => {
       servingRuntimes: [servingRuntimeWithoutVersion],
     });
 
-    modelServingGlobal.visit();
-    modelServingGlobal.findServingRuntimeVersionLabel().should('not.exist');
+    modelServingGlobal.visit('test-project');
+    modelServingSection
+      .getInferenceServiceRow('Test Inference Service')
+      .findServingRuntimeVersionLabel()
+      .should('not.exist');
+    modelServingSection
+      .getInferenceServiceRow('Test Inference Service')
+      .findServingRuntimeVersionStatusLabel()
+      .should('not.exist');
   });
 
   it('Should display env vars from a valueFrom secret', () => {

frontend/src/pages/modelServing/screens/ServingRuntimeVersionStatus.tsx

@@ -55,6 +55,7 @@ const ServingRuntimeVersionStatus: React.FC<ServingRuntimeVersionStatusProps> =
         bodyContent={body}
       >
         <Label
+          data-testid="serving-runtime-version-status-label"
           color={isOutdated ? 'yellow' : 'green'}
           icon={isOutdated ? <ExclamationTriangleIcon /> : <CheckCircleIcon />}
           isCompact