Function captureSwitch

scripts/reproWorkspaceSwitchTearWeb.ts:261–312

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

}

async function captureSwitch(args: {
  page: Page;
  sourceMarker: string;
  targetMarker: string;
  clickWorkspaceId: string;
  outputDir: string;
  framePrefix: string;
}): Promise<SwitchFrameSample[]> {
  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 row.dispatchEvent("click");

  const messageWindow = args.page.locator('[data-testid="message-window"]');
  const frames: SwitchFrameSample[] = [];
  for (let frame = 0; frame < 12; frame++) {
    if (frame > 0) await args.page.waitForTimeout(40);
    await messageWindow.waitFor({ state: "visible", timeout: 60_000 });
    const imagePath = path.join(
      args.outputDir,
      `${args.framePrefix}-${String(frame).padStart(2, "0")}.png`
    );
    const [snapshot, png] = await Promise.all([
      args.page.evaluate(
        ({ sourceMarker, targetMarker, frame }) => {
          const messageWindow = document.querySelector('[data-testid="message-window"]');
          const chatInputSection = document.querySelector(
            '[data-component="ChatInputSection"]'
          ) as HTMLElement | null;
          const rect = messageWindow?.getBoundingClientRect();
          const text = messageWindow?.textContent ?? "";
          return {
            frame,
            timestamp: performance.now(),
            containsTargetMarker: text.includes(targetMarker),
            containsSourceMarker: text.includes(sourceMarker),
            messageWindowTop: rect?.top ?? null,
            messageWindowHeight: rect?.height ?? null,
            scrollTop: messageWindow instanceof HTMLDivElement ? messageWindow.scrollTop : null,
            chatInputHeight: chatInputSection?.getBoundingClientRect().height ?? null,
          };
        },
        { sourceMarker: args.sourceMarker, targetMarker: args.targetMarker, frame }
      ),
      messageWindow.screenshot({ path: imagePath }),
    ]);
    frames.push({ ...snapshot, imagePath, png });
  }
  return frames;
}

function detectInputDisappearances(frames: OpenTransitionFrameSample[]) {
  const disappearances = [] as Array<{