Build a unit converter as a static web app in this directory: index.html, style.css, co…

pigpt-5.5 · 26 steps · 2m 38s · 5 filessession 3b6410df-03e@patrick-toulme

Build a unit converter as a static web app in this directory: index.html, style.css, convert.js. Categories: length, mass, temperature, data size, time. Instant two-way conversion between any pair in a category, swap button, precision selector, recent-conversions list in localStorage, keyboard-first UX, dark theme, and tests.html + tests.js exercising the conversion math including temperature edge cases. Run the tests headless with node and fix what fails.

same matchpi · 17 steps pi · 26 steps pi · 24 steps

compare in arena

step 15 / 26

tests.jschange 1/1

(function () {
  const isNode = typeof module === "object" && module.exports;
  const converter = isNode ? require("./convert.js") : window.UnitConverter;
  const { convert, toBase, fromBase, parseInput } = converter;
  const tests = [];
 
  function test(name, fn) { tests.push({ name, fn }); }
  function assertClose(actual, expected, epsilon = 1e-9) {
    if (!Number.isFinite(actual) || Math.abs(actual - expected) > epsilon) {
      throw new Error(`expected ${expected}, got ${actual}`);
    }
  }
  function assertEqual(actual, expected) {
    if (!Object.is(actual, expected)) throw new Error(`expected ${expected}, got ${actual}`);
  }
  function assertNaN(value) {
    if (!Number.isNaN(value)) throw new Error(`expected NaN, got ${value}`);
  }
 
  test("length: meters to feet", () => assertClose(convert(1, "length", "m", "ft"), 3.280839895013123, 1e-12));
  test("length: miles to kilometers", () => assertClose(convert(1, "length", "mi", "km"), 1.609344));
  test("mass: pounds to kilograms", () => assertClose(convert(10, "mass", "lb", "kg"), 4.5359237));
  test("mass: ounces to grams", () => assertClose(convert(16, "mass", "oz", "g"), 453.59237));
  test("data: bytes to bits", () => assertClose(convert(1, "data", "B", "bit"), 8));
  test("data: MiB to bytes", () => assertClose(convert(1, "data", "MiB", "B"), 1048576));
  test("data: GB to GiB", () => assertClose(convert(1, "data", "GB", "GiB"), 0.9313225746154785));
  test("time: hours to seconds", () => assertClose(convert(2.5, "time", "h", "s"), 9000));
  test("time: weeks to days", () => assertClose(convert(3, "time", "week", "day"), 21));
 
  test("temperature: water freezes C to F", () => assertClose(convert(0, "temperature", "C", "F"), 32));
  test("temperature: water boils C to F", () => assertClose(convert(100, "temperature", "C", "F"), 212));
  test("temperature: F to C at -40 crossover", () => assertClose(convert(-40, "temperature", "F", "C"), -40));
  test("temperature: absolute zero C to K", () => assertClose(convert(-273.15, "temperature", "C", "K"), 0));
  test("temperature: absolute zero F to K", () => assertClose(convert(-459.67, "temperature", "F", "K"), 0, 1e-10));
  test("temperature: Kelvin to Rankine", () => assertClose(convert(300, "temperature", "K", "R"), 540));
  test("temperature: Rankine to Fahrenheit", () => assertClose(convert(491.67, "temperature", "R", "F"), 32, 1e-10));
  test("temperature: round trip preserves offset", () => assertClose(convert(convert(21.3, "temperature", "C", "F"), "temperature", "F", "C"), 21.3, 1e-12));
 
  test("base helpers agree for linear units", () => assertClose(fromBase(toBase(42, "length", "cm"), "length", "m"), 0.42));
  test("parseInput accepts commas", () => assertEqual(parseInput("1,234.5"), 1234.5));
  test("convert returns NaN for invalid numeric input", () => assertNaN(convert("", "length", "m", "ft")));
 
  function run() {
    const results = [];
    let failed = 0;
    for (const t of tests) {
      try {
        t.fn();
        results.push({ name: t.name, ok: true });
      } catch (err) {
        failed += 1;
        results.push({ name: t.name, ok: false, error: err.message });
      }
    }
    return { results, failed, passed: tests.length - failed, total: tests.length };
  }
 
  if (isNode) {
    const summary = run();
    for (const r of summary.results) console.log(`${r.ok ? "✓" : "✗"} ${r.name}${r.ok ? "" : ` — ${r.error}`}`);
    console.log(`${summary.passed}/${summary.total} tests passed`);
    if (summary.failed) process.exitCode = 1;
  } else {
    window.runUnitConverterTests = run;
    window.addEventListener("DOMContentLoaded", () => {
      const summary = run();
      const target = document.getElementById("test-results");
      target.innerHTML = "";
      for (const r of summary.results) {
        const li = document.createElement("li");
        li.className = r.ok ? "pass" : "fail";
        li.textContent = `${r.ok ? "✓" : "✗"} ${r.name}${r.ok ? "" : ` — ${r.error}`}`;
        target.append(li);
      }
      document.getElementById("summary").textContent = `${summary.passed}/${summary.total} tests passed`;
    });
  }
})();
 

79 linesjs

Writes tests.html

Files at this step

drag the rail to scrub

Discussion

No comments yet. Start the discussion. Recorded by @patrick-toulme.

#css #gpt #gpt-5.5 #html #javascript #pi #quick #testing #ui

t2-med

← all sessions