Cypress misinterprets an HTTP calls

[Asqit]

Greetings,

I have evaluated your framework by integrating it into a corporate application I am currently developing. Due to the corporate environment’s requirement for VPN usage, I had to set a PROXY environment variable during the npm package installation.

Overall, the framework functions well. However, I have encountered an issue where it intermittently misses an HTTP request, subsequently waiting for it. This delay causes the test to fail due to a timeout.

Here is the spec file.

Test case

describe('Deal acceptance', () => {
 const submit = '[data-cy="lead-deal-send-btn"]';
 const comment = '[data-cy="lead-deal-comment"]';
 const dealButton = '[data-cy="lead-action-submit"]';
 const positiveEmojiButton = '[data-cy="client-emotional-thumbs-up"]';
 const negativeEmojiButton = '[data-cy="client-emotional-thumbs-down"]';
 const dealIdInput = '[data-cy="lead-deal--deal-id-input"]';

 function performCommonActions(dealId: string, thumbs?: string, commentVal?: string) {
 	cy.wait('@getOpenedLeads', { timeout: 15_000 }).then((interception) => {
 		if (interception) {
 			expect(interception?.response?.statusCode).to.eq(200);
 			if (interception?.response?.body?.items.length === 0) {
 				cy.wait('@generateNewLeads', { timeout: 45_000 }) // 45sec.timeout
 					.its('response.statusCode')
 					.should('eq', 200);
 			}
 		}
 	});

 	cy.get(dealButton).click();
 	cy.get(dealIdInput).type(dealId);

 	if (thumbs) {
 		cy.get(thumbs).click();
 	}

 	if (commentVal) {
 		cy.get(comment).type(commentVal);
 	}

 	cy.get(submit).click();

 	cy.wait('@createCallResult').its('response.statusCode').should('eq', 201, {
 		timeout: 10000,
 	});

 	cy.wait('@updateLead').then((interception) => {
 		expect(interception?.response?.statusCode).to.eq(200);
 	});
 }

 beforeEach(() => {
 	cy.visit('/auth');
 	cy.intercept('POST', '/auth/login').as('loginRequest');
 	cy.login('test5', 'Rainmaker2');
 	cy.wait('@loginRequest').then((interception) => {
 		expect(interception?.response?.statusCode).to.eq(200);
 	});
 	cy.url().should('include', '/dashboard/leads');
 	cy.intercept('POST', '/api/v1/call-results').as('createCallResult');
 	cy.intercept('PUT', '/api/v1/leads/*').as('updateLead');

 	cy.intercept('GET', '/api/v1/leads/?states=new&states=opened', (req) => {
 		req.reply((res) => {
 			console.log('getOpenedLeads request', req);
 			console.log('getOpenedLeads response', res);
 		});
 	}).as('getOpenedLeads');

 	cy.intercept('GET', '/api/v1/get-new-leads').as('generateNewLeads');
 });

 it('submit a deal with just a deal id', () => {
 	// Prep.
 	const dealId = '69420';

 	// Act
 	performCommonActions(dealId);
 });

 it('submit a deal with a deal id and response about the client', () => {
 	// Prep.
 	const dealId = '123456';
 	const thumbs = positiveEmojiButton;

 	// Act
 	performCommonActions(dealId, thumbs);
 });

 it('submit a deal with a deal id and a negative response about the client', () => {
 	// Prep.
 	const dealId = '224488';
 	const thumbs = negativeEmojiButton;

 	// Act
 	performCommonActions(dealId, thumbs);
 });

 it('submit a deal with a comment and a client response', () => {
 	// Prep.
 	const dealId = '336699';
 	const thumbs = positiveEmojiButton;
 	const comment = 'I am a dummy comment';

 	// Act
 	performCommonActions(dealId, thumbs, comment);
 });
});