Function captureOpenTransition

scripts/reproWorkspaceSwitchTearWeb.ts:202–259

(args: {
  page: Page;
  clickWorkspaceId: string;
  targetMarker: string;
})

}

async function captureOpenTransition(args: {
  page: Page;
  clickWorkspaceId: string;
  targetMarker: string;
}): Promise<OpenTransitionFrameSample[]> {
  const row = args.page.locator(
    `[data-workspace-id="${args.clickWorkspaceId}"][data-workspace-path]`
  );
  await row.waitFor({ state: "visible", timeout: 60_000 });
  await row.scrollIntoViewIfNeeded();
  await args.page.evaluate((targetMarker: string) => {
    (
      window as Window & {
        __muxOpenTransitionFramesPromise?: Promise<OpenTransitionFrameSample[]>;
      }
    ).__muxOpenTransitionFramesPromise = new Promise((resolve) => {
      const frames: OpenTransitionFrameSample[] = [];
      let frame = 0;
      const step = () => {
        const inputSection = document.querySelector(
          '[data-component="ChatInputSection"]'
        ) as HTMLElement | null;
        const messageWindow = document.querySelector(
          '[data-testid="message-window"]'
        ) as HTMLElement | null;
        const bodyText = document.body.textContent ?? "";
        frames.push({
          frame,
          timestamp: performance.now(),
          hasInput: inputSection !== null,
          chatInputHeight: inputSection?.getBoundingClientRect().height ?? null,
          hasMessageWindow: messageWindow !== null,
          messageWindowHeight: messageWindow?.getBoundingClientRect().height ?? null,
          containsTargetMarker: bodyText.includes(targetMarker),
          loadingWorkspace: bodyText.includes("Loading workspace..."),
          loadingTranscript: bodyText.includes("Loading transcript..."),
        });
        frame += 1;
        if (frame < 20) {
          requestAnimationFrame(step);
        } else {
          resolve(frames);
        }
      };
      requestAnimationFrame(step);
    });
  }, args.targetMarker);
  await row.dispatchEvent("click");
  return await args.page.evaluate(() => {
    return (
      (
        window as Window & {
          __muxOpenTransitionFramesPromise?: Promise<OpenTransitionFrameSample[]>;
        }
      ).__muxOpenTransitionFramesPromise ?? Promise.resolve([])
    );
  });
}