const assert = require("assert");
const fs = require("fs");
const path = require("path");

const root = path.resolve(__dirname, "..");
const pages = [
  "src/views/training/GenericTrainingPage.vue",
  "src/views/foundation/new-product-survey.vue",
  "src/views/foundation/product-development-factors.vue",
  "src/views/demand/index.vue",
  "src/views/demand/environment.vue",
];

for (const page of pages) {
  const source = fs.readFileSync(path.join(root, page), "utf8");
  const connector = source.match(/\.step-connector \{([\s\S]*?)\n\}/)?.[1] || "";

  assert.match(connector, /flex:\s*0 1 40px;/, `${page} should use a compact 40px connector basis`);
  assert.match(connector, /min-width:\s*18px;/, `${page} should retain an 18px visible connector minimum`);
  assert.match(connector, /margin:\s*0 8px;/, `${page} should use compact connector spacing`);
}

console.log("Step indicator desktop spacing is compact.");