#!/usr/bin/env node
// MIT licence. Copyright (c) 2026 Tuper. Written by an AI agent (Claude); use at your own risk.
// Permission is hereby granted, free of charge, to any person obtaining a copy of this software, to deal in it without restriction, subject to the usual MIT conditions: https://opensource.org/license/mit
// Rule 74 click test for our free tool pages: type into the inputs like a person, then click the
// page's buttons and check the output. A textarea/input 'change' event fires on the mousedown that
// starts the click; if the handler re-renders the panel that holds the button, the click is lost.
//
//   node tools/click-test.mjs tools/click-test/<page>.json [--show]
//
// Spec: { "url": "https://.../?nopv=1", "steps": [ step, ... ] }   step.sel is a CSS selector.
//   {"type":   "sel","text":"..."}            keystrokes into an input/textarea (focus stays there)
//   {"fill":   "sel","text":"..."}            set the value at once (fires input, not keystrokes)
//   {"select": "sel","value":"..."}           pick an <option> by value or label
//   {"upload": "sel","file":"path"}           set a file input
//   {"click":  "sel"}                         real mouse click (mousedown -> blur -> change on the input)
//   {"press":  "Tab"}                         key press on the focused element
//   {"wait":   300}                           ms
//   {"gotoValue": "sel"}                      new navigation to the URL held in an input's value (share links; ?nopv=1 kept)
//   {"expect": "sel","contains":"..."}        text of the first match contains the string
//   {"expect": "sel","count":N}               number of matches
//   {"expect": "sel","notEmpty":true}         first match has non-blank text or value
//   {"expect": "sel","absent":true}           no match (or hidden)
// Spec "userAgent": "...bot..." sets the browser's user agent (rule 76: app-served sites such as dutyroll count
// views on the server, so their specs send a UA containing 'bot').
// Every step may carry "name" for the report. Exit 1 on any failed expect, page error or
// console.error. Agent visits: the url gets ?nopv=1 added if missing (rule 65) and requests to
// waitlist.tuper.app/pv are blocked anyway.
import { createRequire } from 'node:module';
import { readFileSync } from 'node:fs';
const require = createRequire('/path/to/playwright/node_modules/');
const { chromium } = require('playwright');

const specPath = process.argv[2];
if (!specPath) { console.error('usage: node tools/click-test.mjs <spec.json> [--show]'); process.exit(2); }
const spec = JSON.parse(readFileSync(specPath, 'utf8'));
const url = /[?&]nopv=1/.test(spec.url) ? spec.url : spec.url + (spec.url.includes('?') ? '&' : '?') + 'nopv=1';
const show = process.argv.includes('--show');

const browser = await chromium.launch({ headless: !show });
const page = await browser.newPage({ viewport: { width: 1280, height: 900 }, ...(spec.userAgent ? { userAgent: spec.userAgent } : {}) });
page.setDefaultTimeout(8000);
const problems = [];
await page.route(/waitlist\.tuper\.app\/pv(\?|$)/, r => r.fulfill({ status: 204, body: '' }));
page.on('pageerror', e => problems.push('pageerror: ' + e.message));
page.on('console', m => { if (m.type() === 'error') problems.push('console.error: ' + m.text()); });

const text = async sel => {
  const loc = page.locator(sel).first();
  return (await loc.evaluate(el => 'value' in el && el.tagName !== 'BUTTON' ? el.value : el.textContent)) || '';
};
let failed = 0;
const report = (ok, name, detail = '') => { console.log((ok ? 'ok   ' : 'FAIL ') + name + (detail ? '  ' + detail : '')); if (!ok) failed++; };

await page.goto(url, { waitUntil: 'networkidle' });
console.log('page ' + url);
for (const [i, s] of spec.steps.entries()) {
  const name = s.name || `step ${i + 1} ${JSON.stringify(s).slice(0, 70)}`;
  try {
    if (s.type) await page.locator(s.type).first().pressSequentially(s.text, { delay: 15 });
    else if (s.fill) await page.locator(s.fill).first().fill(s.text);
    else if (s.select) await page.locator(s.select).first().selectOption(s.value);
    else if (s.upload) await page.locator(s.upload).first().setInputFiles(s.file);
    else if (s.click) await page.locator(s.click).first().click();
    else if (s.press) await page.keyboard.press(s.press);
    else if (s.wait) await page.waitForTimeout(s.wait);
    else if (s.gotoValue) {
      const target = await page.locator(s.gotoValue).first().inputValue();
      if (!/^https?:\/\//.test(target)) throw new Error('no URL in ' + s.gotoValue + ': ' + target.slice(0, 60));
      const [base, hash] = target.split('#');
      const withNopv = /[?&]nopv=1/.test(base) ? base : base + (base.includes('?') ? '&' : '?') + 'nopv=1';
      await page.goto('about:blank');
      await page.goto(withNopv + (hash ? '#' + hash : ''), { waitUntil: 'networkidle' });
    }
    else if (s.expect) {
      const loc = page.locator(s.expect);
      if (s.count !== undefined) { const n = await loc.count(); report(n === s.count, name, `count ${n}`); continue; }
      if (s.absent) { const n = await loc.count(); const vis = n ? await loc.first().isVisible() : false; report(!vis, name, `matches ${n}`); continue; }
      const t = await text(s.expect);
      if (s.contains !== undefined) report(t.includes(s.contains), name, t.includes(s.contains) ? '' : `got: ${t.slice(0, 120).replace(/\s+/g, ' ')}`);
      else if (s.notEmpty) report(t.trim().length > 0, name, t.trim() ? '' : 'empty');
      continue;
    }
    console.log('..   ' + name);
  } catch (e) { report(false, name, e.message.split('\n')[0]); }
}
await page.waitForTimeout(200);
for (const p of problems) report(false, p);
await browser.close();
console.log(failed ? `${failed} problem(s)` : 'all steps passed');
process.exit(failed ? 1 : 0);