API response redirect

You could mock the responses in the test? I have used this with GraphQl so the information in the UI of our application is static and can be reliably pixel matched.

`import { Page } from "@playwright/test";

const getQueryOperationName = (query: string): string => { const operationNameRegex = /(?<=query\s).*(?=\s{)/; const operationNameList: string[] | null = query.match(operationNameRegex); return operationNameList ? operationNameList[0] : ``; };

const getMutationOperationName = (query: string): string => { const operationNameRegex = /(?<=muatation\s).*(?=\s{)/; const operationNameList: string[] | null = query.match(operationNameRegex); return operationNameList ? operationNameList[0] : ``; };

const hasOperationName = (query: string, operationName: string): boolean => getQueryOperationName(query) === operationName || getMutationOperationName(query) === operationName;

export const mockGraphQlRequest = async ( page: Page, operationName: string, operationResponse: object ) => { await page.route(youerndpoint, async (route) => { const body: { query: string } = route.request().postDataJSON(); const query = body.query;

if (hasOperationName(query, operationName)) {
  route.fulfill({
    status: 200,
    contentType: "application/json",
    body: JSON.stringify(operationResponse),
  });
} else {
  route.fulfill({
    status: 500,
    contentType: "application/json",
    body: JSON.stringify({ message: "Internal Server Error" }),
  });
}

}); }; `

this code snippet could be a good starting point

i'll check this out, thank you for your help!