Helper you can use to wait for specific graphql queries to finish in Playwright

waitForGraphQL.ts

import { Page } from '@playwright/test';

export async function waitForGraphQL(
  page: Page,
  operationName: string
): Promise<void> {
  await page.waitForResponse(async (response) => {
    if (response.url().endsWith('/graphql')) {
      const responseText = await response.text();
      const responseData = JSON.parse(responseText);
      return responseData.data && responseData.data[operationName];
    }
    return false;
  });
}