Wait for specific graphql call before trying to click

[simkessy]

I want to wait for our larger graphql queries to complete before I try to click on a button however I reach a timeout because the page has no loaded yet:

describe('CopyrightModule', () => {
  it('edit, cancel, edit, save', () => {
    cy.intercept(
      {
        method: 'POST',
        url: '/graphql',
      },
      req => {
        console.log(req.body.id);
        console.log(req);
        if (req.body.id === 'TakedownUserRendererQuery') {
          req.alias = 'TakedownUserRendererQuery';
        }
      },
    );
    cy.visit('/');
    cy.get(selectors.DMCA_LINK).click({ force: true });
    cy.contains('My Requests').click();
    cy.get(selectors.REQUEST_ROW)
      .first()
      .click();
    cy.wait('@TakedownUserRendererQuery');
    cy.get(selectors.COPYRIGHT_EDIT).click();
    cy.contains('Cancel').click();
    cy.get(selectors.COPYRIGHT_EDIT).click();
    cy.contains('div', 'Owner Website URLs')
      .find('input')
      .first()
      .type('8000-1612023');
  });
});