Testing API request processing state of the application while stubbing the response

[gihan9a]

I'm trying to test a button's disabled state which triggers a fetch request. The button should be in the disabled state while the fetch is in progress.

I've stubbed the response in my cypress test. Because of that, I'm unable to verify the button disabled state in my test case.

Demo app https://csb-0ov1n-qa15jvl5n.vercel.app/
Source code https://codesandbox.io/s/jovial-frog-0ov1n

Following is a sample cypress test case for testing the above scenario.

describe('Button disable state', () => {
    it('should test button disable state while fetch in progress', () => {
        cy.visit('https://csb-0ov1n-qa15jvl5n.vercel.app/');
        // stub the response
        cy.intercept('https://httpbin.org/get', '{"args":{},"headers":{"Accept":"*/*","Accept-Encoding":"gzip, deflate, br","Accept-Language":"en-US,en;q=0.9,es;q=0.8,fr;q=0.7,zh-CN;q=0.6,zh;q=0.5,si;q=0.4,zh-TW;q=0.3","Host":"httpbin.org","Origin":"https://0ov1n.csb.app","Referer":"https://0ov1n.csb.app/","Sec-Fetch-Dest":"empty","Sec-Fetch-Mode":"cors","Sec-Fetch-Site":"cross-site","User-Agent":"Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1","X-Amzn-Trace-Id":"Root=1-6018f28f-11292dfe3aeb11db73d230eb"},"origin":"112.135.9.74","url":"https://httpbin.org/get"}').as('httpbin');
        cy.get('button').click();
        cy.get('button').should('be.disabled');
        cy.wait('@httpbin');
    })
});

I tried using delayMs to delay the response. But seems there's a bug with delayMs #9436 which is causing arbitrary delays in response

Is there a better way to test this scenario?