Show dynamic request aliases in the command log

What would you like?

When I assign an alias from my cy.intercept() route handler, I want it to show up in the command log just as if I had aliased the route using cy.intercept().as().

Why is this needed?

The command log is extremely useful to understanding test execution and control flow, and without a clear link between the route table and an XHR made by my app, it can be difficult for developers to understand what happened.

Other

To reproduce the issue, you can run this standalone test:

describe("Dynamic aliasing", function () {
  it("test", () => {
    cy.visit("https://jsonplaceholder.cypress.io/");
    cy.intercept('/todos/1', req => {
      req.alias = 'dynamic';
      req.continue();
    });
    cy.contains('button', 'Try it').click();
    cy.contains('#result', 'delectus aut autem');
  });
});

Which results in the XHR having “no alias” in the command log, even though I clearly gave it an alias:

[ekeijl]

It seems I can neither use cy.wait('@test') on the dynamic alias.

[ShaunWangGo]

Here’s a workaround: Use Cypress.log in the cy.intercept. Cypress.log runs syncrounously, so the log appears directly below the request, which is good enough for identifying which graphql request is which. https://docs.cypress.io/api/cypress-api/cypress-log#Syntax

cy.intercept("POST", {graphql url}, (req) => {
    const { body } = req;
    if (body.hasOwnProperty("operationName")) {
      Cypress.log({
        name: "Log GraphQL Request",
        message: body.operationName,
      });
    }
  });