Firefox-only CI failure: Element not found, passes locally and in Chrome/Edge

[El-Gibbor]

One of my test fails only in Firefox when running in Bitbucket CI, and the failure is that Cypress cannot find the welcome screen element. But this same test passes consistently in Chrome (CI), passes consistently in Edge (CI), passes locally in Firefox. There is no test replay available for Firefox in Cypress Cloud, which makes it difficult to figure out what is wrong!

The test previously failed due to undefined auth data; that issue has been resolved, but the remaining failure appears to be a Firefox-specific timing or rendering issue in CI.

Cypress version (CI): v15.5.0
Firefox (CI) v.114

// eslint-disable-next-line prefer-arrow-callback, func-names
before(function () {
  if (Cypress.browser.name === 'firefox') {
    this.skip(); // temporary skip to unblock
  }
  cy.ResetSW();
  cy.fixture('ph-data-sets/Default/default-data-collision-regression.json').then((testData) => {
    Cypress.env('testData', testData);
  });
  cy.fixture('data-sets/auth-uk-qa.json').then((authData) => {
    Cypress.env('authData', authData);
  });
  cy.interceptGraphQL('updateStatement');
});

it('End to end Default PH collision flow - XTR-2414 regression test', () => {
  const authData = Cypress.env('authData');
  const testData = Cypress.env('testData');
  const { reportingKey, domain } = authData.default;

  cy.viewport(430, 932); // iPhone 16 Pro
  cy.visit(`https://${domain}/reporting?reportingKey=${reportingKey}`, { failOnStatusCode: false });

  pageObjects.completePHFlow(testData); // <-- fails to find Welcome Screen only in FF CI

  const summaryScreen = testData.find((screen) => screen.screenId === 'Summary Screen');
  const verificationData = summaryScreen?.verificationData;
  if (verificationData) {
    verifyPartyData(verificationData, pageObjects);
  }
  pageObjects.pageElements.summaryEditBtn().scrollIntoView();
});

Flow helper showing the welcome screen:

completePHFlow(data) {
   data.forEach((screen) => {
     cy.wait(2000); // eslint-disable-line cypress/no-unnecessary-waiting
     cy.get(`[data-cy="${screen.screenId}"]`).should('exist');     // Welcome Screen is first
     const { elements } = screen;

     const processElements = (el) => {
       Object.entries(el).forEach(([key, value]) => {
         if (key.endsWith('Damage')) {
           const part = key.split('Damage')[0];
           this.testDamageSection(part, value);
         } else if (key === 'mediaInput') {
           this.handleMedia();
         } else if (typeof value === 'boolean') {
           if (this.pageElements[key] && typeof this.pageElements[key] === 'function') {
             if (value === true) {
               this.pageElements[key]().click({ force: true });
             } else {
               cy.log(`Warning: Page element '${key}' not found in configuration or value is set to false. skipping...`);
             }
           }
         } else if (key.includes('YN')) {
           this.handleYesNoFields(key, value);
         } else if (key.includes('DD')) {
           this.handleDropdownFields(key, value);
         } else if (key === 'date') {
           this.handleDateFields(key);
         } else if (key.includes('Pin')) {
           this.handleDragAndDrop(key, value);
         } else if (key === 'mapSearch' || key === 'address') {
           this.handleMapSearch(key, value);
         } else if (key === 'clockHand') {
           this.moveVehicleClockHand(value.angle, value.radius);
         } else if (key === 'incident-type-scrollable') {
           // Special handling for incident type selection
           this.pageElements[key](value).click();
         } else if (this.pageElements[key] && typeof this.pageElements[key] === 'function') {
           this.pageElements[key]().click().type(`${value}{downArrow}{enter}`, { delay: 100 });
         } else {
           cy.log(`Warning: Page element '${key}' not found in configuration, skipping...`);
         }
         cy.wait(300); // eslint-disable-line cypress/no-unnecessary-waiting
       });
     };
     if (Array.isArray(elements)) {
       // Handle sequential popup screen flows
       elements.forEach((step, index) => {
         processElements(step);
         if (index < elements.length - 1 && this.pageElements.partyPopupNextBtn) {
           this.pageElements.partyPopupNextBtn().click({ force: true });
           cy.wait(300); // eslint-disable-line cypress/no-unnecessary-waiting
         }
       });
     } else {
       processElements(elements);
     }
     this.clickNextButtonIfExists(screen.nextBtn);
     if (screen.screenId === 'Incident Type Screen' || screen.screenId === 'selectIncidentType') {
       this.getIncidentID();
     }
     if (screen.screenId === 'Welcome Screen') {
       this.handleContinuationScreen();
     }
     if (screen.screenId === 'incidentReconstructionMap' && !screen.skipZoom) {
       this.handlePHMapZoom();
     }
     if (screen.tpConfirmBtn) {

[MikeMcC399]

• This was also posted to Firefox-only CI failure: Element not found, passes locally and in Chrome/Edge #33126