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

import MetricRow from "../../../frontend/src/components/MetricRow.vue";

test("renders metric values in the browser", async ({ mount }) => {
  const component = await mount(MetricRow, {
    props: {
      items: [
        { label: "Nodes", value: "26", note: "Atlas" },
        { label: "Storage", value: "80 TB", note: "Longhorn" },
      ],
    },
  });

  await expect(component).toContainText("Nodes");
  await expect(component).toContainText("80 TB");
});