Function hmrWorkflow

integration/vite-css-test.ts:494–585

({
  page,
  cwd,
  port,
  base,
  templateName,
}: {
  page: Page;
  cwd: string;
  port: number;
  base?: string;
  templateName: TemplateName;
})

}

async function hmrWorkflow({
  page,
  cwd,
  port,
  base,
  templateName,
}: {
  page: Page;
  cwd: string;
  port: number;
  base?: string;
  templateName: TemplateName;
}) {
  for (const routeBase of getRouteBasePaths(templateName)) {
    let pageErrors: Error[] = [];
    page.on("pageerror", (error) => pageErrors.push(error));

    await page.goto(`http://localhost:${port}${base ?? "/"}${routeBase}`, {
      waitUntil: "networkidle",
    });

    let input = page.locator("input");
    await expect(input).toBeVisible();

    let edit = createEditor(cwd);
    let modifyCss = (contents: string) =>
      contents
        .replace(PADDING, NEW_PADDING)
        .replace(
          "PADDING_INJECTED_VIA_POSTCSS",
          "NEW_PADDING_INJECTED_VIA_POSTCSS",
        );

    const testCases = [
      {
        file: "styles-bundled.css",
        selector: "#css-bundled",
      },
      {
        file: "styles.module.css",
        selector: "#css-modules",
      },
      {
        file: "styles-postcss-linked.css",
        selector: "#css-postcss-linked",
      },
      {
        file: "styles-vanilla-global.css.ts",
        selector: "#css-vanilla-global",
      },
      // Vanilla Extract's HMR isn't working for RSC server-first routes
      ...(routeBase === "rsc-server-first-route"
        ? []
        : ([
            {
              file: "styles-vanilla-local.css.ts",
              selector: "#css-vanilla-local",
            },