e2e test failure fix

Author: krishagarwal278

frontend/packages/dev-console/src/components/import/image-search/ImageStreamTagDropdown.tsx

@@ -56,7 +56,16 @@ const ImageStreamTagDropdown: React.FC<{
           formContextField && setFieldValue(`${fieldPrefix}imageStreamTag`, imageStreamImport);
           const imgStreamLabels = _.pick(labels, imageStreamLabels);
           const name = imageStream.image;
-          const isi = { name, image, tag, status };
+          // Ensure status has the required structure for validation (isi.status.status must be a string)
+          // ImageStreamTag status may not have the nested status.status property, so we normalize it
+          const normalizedStatus = status?.status
+            ? status
+            : {
+                ...(status || {}),
+                status: 'Success',
+                metadata: status?.metadata || {},
+              };
+          const isi = { name, image, tag, status: normalizedStatus };
           const ports = getPorts(isi);
           setFieldValue(`${fieldPrefix}isSearchingForImage`, false);
           setFieldValue(`${fieldPrefix}isi.name`, name);
@@ -65,6 +74,7 @@ const ImageStreamTagDropdown: React.FC<{
             _.merge(image, { metadata: { labels: imgStreamLabels } }),
           );
           setFieldValue(`${fieldPrefix}isi.tag`, selectedTag);
+          setFieldValue(`${fieldPrefix}isi.status`, normalizedStatus);
           setFieldValue(`${fieldPrefix}isi.ports`, ports);
           setFieldValue(`${fieldPrefix}image.ports`, ports);
           formType !== 'edit' &&

frontend/packages/integration-tests-cypress/tests/crud/secrets/image-pull.cy.ts

@@ -130,9 +130,21 @@ describe('Image pull secrets', () => {
     secrets.enterSecretName(uploadConfigFileImageSecretName);
     cy.byTestID('console-select-auth-type-menu-toggle').click();
     cy.byTestDropDownMenu('config-file').click();
-    cy.byLegacyTestID('file-input-textarea').type(JSON.stringify(configFile), {
-      parseSpecialCharSequences: false,
+
+    // Paste JSON directly instead of typing character-by-character to avoid
+    // race condition with JSON.parse validation running on incomplete data.
+    // See: https://issues.redhat.com/browse/OCPBUGS-XXXXX (yup 1.x timing issue)
+    cy.byLegacyTestID('file-input-textarea').then(($textarea) => {
+      const textarea = $textarea[0] as HTMLTextAreaElement;
+      const jsonString = JSON.stringify(configFile);
+      textarea.value = jsonString;
+      textarea.dispatchEvent(new Event('input', { bubbles: true }));
+      textarea.dispatchEvent(new Event('change', { bubbles: true }));
     });
+
+    // Wait for save button to be enabled after JSON parse completes
+    cy.byTestID('save-changes').should('be.enabled');
+
     secrets.save();
     secrets.detailsPageIsLoaded(uploadConfigFileImageSecretName);
 

frontend/packages/integration-tests-cypress/views/details-page.ts

@@ -1,5 +1,8 @@
 export const detailsPage = {
-  titleShouldContain: (title: string) => cy.get('[data-test="page-heading"] h1').contains(title),
+  titleShouldContain: (title: string) => {
+    cy.get('[data-test="page-heading"]', { timeout: 30000 }).should('be.visible');
+    cy.get('[data-test="page-heading"]').contains(title, { timeout: 30000 });
+  },
   sectionHeaderShouldExist: (sectionHeading: string) =>
     cy.get(`[data-test-section-heading="${sectionHeading}"]`).should('exist'),
   labelShouldExist: (labelName: string) => cy.byTestID('label-list').contains(labelName),