import { expect, test } from "../../../frontend/node_modules/@playwright/experimental-ct-vue/index.js";

import StatsGrid from "../../../frontend/src/components/StatsGrid.vue";
import { fallbackHardware } from "../../../frontend/src/data/sample.js";

test("renders a live hardware summary in the browser", async ({ mount }) => {
  const component = await mount(StatsGrid, {
    props: {
      hardware: fallbackHardware(),
    },
  });

  await expect(component).toContainText("Control plane");
  await expect(component).toContainText("titan-16");
});