CypressError: Timed out retrying after 20000ms: cy.wait() timed out waiting 20000ms for the 1st request to the route

[halilibrahimcelik]

Hi everyone, I encounter a problem and any help much appreciated;

describe('form tests', () => {
  beforeEach(() => {
    cy.visit('/form');
    cy.intercept('POST', 'https://api.emailjs.com/api/v1.0/email/send').as(
      'formSubmit'
    );
    cy.getInputFieldByName('user_name').as('user_name');
    cy.getTextAreaByName('message').as('message');
  });
  it('test form validation', () => {
    cy.getDataTest('form-header')
      .should('exist')
      .contains(/contact me/i);
    // cy.getDataTest('form-name').type('test name');

    cy.get('@user_name').type('test name');
    cy.get('@message').type('test message');
    cy.getInputFieldByName('user_email').then(($input) => {
      if ($input) {
        cy.wrap($input).type('helo@email');
      }
    });

    cy.getDataTest('form-submit').then(($button) => {
      cy.wrap($button).click({
        multiple: false,
      });
      cy.getDataTest('email-error').should('exist');
    });
    cy.getInputFieldByName('user_email').then(($input) => {
      if ($input) {
        cy.wrap($input).clear();

        cy.wrap($input).type('[email protected]');
      }
    });
  });
  it('test form submission', () => {
    //assertations

    cy.get('@user_name').type('test name');
    cy.getInputFieldByName('user_email').type('[email protected]');
    cy.get('@message').type('test message');
    cy.getDataTest('form-submit')
      .then(($button) => {
        cy.wrap($button).click({
          multiple: false,
        });
      })
      .then(() => {
        cy.wait('@formSubmit', { requestTimeout: 20000 })
          .its('response.statusCode')
          .should('eq', 200);
      });
  });
});

This is my form test file when I run my test locally it works but in my production I got this error

test form submission:
CypressError: Timed out retrying after 5000ms: cy.wait() timed out waiting 5000ms for the 1st request to the route: formSubmit. No request ever occurred.

I even increased requestTimeout to 20000 but still got this error what might be the issue

[halilibrahimcelik]

When I inspect env variables, I realized I didn't push them in my productions settings, that's why post request was not able to return 200 status code. It would be more suitable to handle also error state as well while intercepting request