Function startSampling

e2e/scenarios/artifact-loading-surface.test.ts:126–149

(page: Page)

 * layout that jumps is the same defect wearing a different hat.
 */
const startSampling = async (page: Page): Promise<void> => {
  await page.addInitScript(() => {
    globalThis.__loadingSamples = [];
    const sample = () => {
      const stage = document.querySelector<HTMLElement>(
        '[data-testid="artifact-shell-container"], [data-slot="artifact-stage-skeleton"]',
      );
      const box = stage?.getBoundingClientRect();
      globalThis.__loadingSamples?.push({
        text: document.body?.innerText ?? "",
        stage: box
          ? {
              x: Math.round(box.x),
              y: Math.round(box.y),
              w: Math.round(box.width),
              h: Math.round(box.height),
            }
          : null,
      });
      globalThis.__loadingSampler = requestAnimationFrame(sample);
    };
    sample();
  });
};

const readSamples = (page: Page): Promise<ReadonlyArray<Sample>> =>
  page.evaluate(() => globalThis.__loadingSamples ?? []);