dssl / scripts /test-extension-lib.mjs

Claude Sonnet 5.5

Extension 0.12.1: found and fixed by running it in a real VSCodium

ee84700 11 days ago

4.33 kB

/* test-extension-lib.mjs - functional smoke for the editor extension lib.
 * Confirms the bundled engine copy (lib/engine) + analysis.js still agree:
 * diagnostics, did-you-mean, completions, and the v0.7.2 cascade fix all
 * behave through the exact code the .vsix ships. Run before packaging. */
import { resolve } from '../dssl-vscode/lib/engine/resolver.js';
import { parse, STATE_WORDS } from '../dssl-vscode/lib/engine/parser.js';
import { analyzeWorkspace, diagnosticsFor, completionsAt } from '../dssl-vscode/lib/analysis.js';

let pass = 0, fail = 0;
const ok = (name, cond) => { if (cond) { pass++; console.log(`  ok  ${name}`); } else { fail++; console.log(`FAIL  ${name}`); } };
const compileDoc = (src, file) => resolve(parse(src, file).ast, file);

// 1. the fixed quickstart pattern: nested hover must override base bg
const quickstart = 'card {\n  background: #fff\n  hover { background: #f5f0e8 }\n}\n';
const doc = compileDoc(quickstart, 'test.dssl');
const base = doc.rules.find(r => r.sel === 'card');
const hov = doc.rules.find(r => r.sel === 'card:hover');
ok('nested hover rule exists', !!hov);
ok('hover overrides base bg', hov && hov.decls.some(d => d.prop === 'background' && d.value === '#f5f0e8'));
ok('hover sorts AFTER base (same layer)', base && hov && base.layer === hov.layer && hov.order > base.order);
ok('no invalid hex-alpha in output', JSON.stringify(doc).includes('#f5f0e8') && !JSON.stringify(doc).includes('/14px'));

// 2. diagnostics: typo caught with did-you-mean, no false positive on valid code
const ws = analyzeWorkspace(new Map([['test.dssl', 'card {\n  bakground: red\n}\n']]));
const typoDiags = diagnosticsFor(ws, 'test.dssl');
ok('typo surfaces a diagnostic', typoDiags.some(d => /bakground|unknown property/i.test(d.message)));
ok('did-you-mean suggests background', typoDiags.some(d => /background/i.test(d.message)));
const cleanWs = analyzeWorkspace(new Map([['test.dssl', quickstart]]));
const cleanDiags = diagnosticsFor(cleanWs, 'test.dssl');
ok('valid quickstart produces zero errors', !cleanDiags.some(d => d.severity === 'error'));

// 3. raw hex alpha now legal (was the /50px bug)
const hexDoc = compileDoc('card { color: #ff0000/50 }', 'a.dssl');
ok('hex /50 compiles to color-mix, not /50px', hexDoc.rules[0].decls[0].value.includes('color-mix'));

// 4. STATE_WORDS export exists (used for the did-you-mean warning)
ok('STATE_WORDS exported by bundled parser', STATE_WORDS instanceof Set && STATE_WORDS.has('hover'));

// 5. TIME_PROPS fix reachable through the bundle: bare delay becomes ms
const tDoc = compileDoc('card { transition-delay: 200 }', 't.dssl');
ok('bare transition-delay becomes 200ms', /200\s*ms|200ms/.test(JSON.stringify(tDoc.rules[0].decls)));

// completions where the declaration does not start the line (found by driving a real editor, 0.12.0)
{
  const an = analyzeWorkspace(new Map([['/w/a.dssl', '.a { color: red }']]));
  const labels = (text) => completionsAt(an, '/w/a.dssl', text, text.length).items.map((x) => x.label);
  const oneLine = labels('.t { texture: ');
  ok('one-line rule: after "texture: " the presets are offered', oneLine.includes('oak') && oneLine.includes('rings') && !oneLine.includes('::after'), oneLine.slice(0, 5).join());
  const second = labels('.t { color: red; glass: ');
  ok('the words for the property sort before generic CSS keywords', (() => { const it = completionsAt(an, '/w/a.dssl', '.t { texture: ', 14).items; const oak = it.find((x) => x.label === 'oak'), kw = it.find((x) => x.label === 'absolute'); return oak && kw && (oak.sort + oak.label) < (kw.sort + kw.label); })());
  ok('a second declaration on the line completes too', second.includes('saturate') && second.includes('tint'), second.slice(0, 5).join());
  const afterBrace = labels('.t { tilt: ');
  ok('tilt settings after the brace', afterBrace.includes('lift') && afterBrace.includes('glare'));
  const fresh = labels('.t { ');
  ok('right after "{" it still offers property names, not values', fresh.includes('background') && !fresh.includes('oak'));
  ok('a normal multi-line declaration still works', labels('.t {\n  texture: ').includes('oak'));
  ok('a nested selector line is still not a declaration', !labels('.t {\n  a:hover').includes('oak'));
}

console.log(`\n${pass} passed, ${fail} failed`);
process.exit(fail ? 1 : 0);

	/* test-extension-lib.mjs - functional smoke for the editor extension lib.
	* Confirms the bundled engine copy (lib/engine) + analysis.js still agree:
	* diagnostics, did-you-mean, completions, and the v0.7.2 cascade fix all
	* behave through the exact code the .vsix ships. Run before packaging. */
	import { resolve } from '../dssl-vscode/lib/engine/resolver.js';
	import { parse, STATE_WORDS } from '../dssl-vscode/lib/engine/parser.js';
	import { analyzeWorkspace, diagnosticsFor, completionsAt } from '../dssl-vscode/lib/analysis.js';

	let pass = 0, fail = 0;
	const ok = (name, cond) => { if (cond) { pass++; console.log(` ok ${name}`); } else { fail++; console.log(`FAIL ${name}`); } };
	const compileDoc = (src, file) => resolve(parse(src, file).ast, file);

	// 1. the fixed quickstart pattern: nested hover must override base bg
	const quickstart = 'card {\n background: #fff\n hover { background: #f5f0e8 }\n}\n';
	const doc = compileDoc(quickstart, 'test.dssl');
	const base = doc.rules.find(r => r.sel === 'card');
	const hov = doc.rules.find(r => r.sel === 'card:hover');
	ok('nested hover rule exists', !!hov);
	ok('hover overrides base bg', hov && hov.decls.some(d => d.prop === 'background' && d.value === '#f5f0e8'));
	ok('hover sorts AFTER base (same layer)', base && hov && base.layer === hov.layer && hov.order > base.order);
	ok('no invalid hex-alpha in output', JSON.stringify(doc).includes('#f5f0e8') && !JSON.stringify(doc).includes('/14px'));

	// 2. diagnostics: typo caught with did-you-mean, no false positive on valid code
	const ws = analyzeWorkspace(new Map([['test.dssl', 'card {\n bakground: red\n}\n']]));
	const typoDiags = diagnosticsFor(ws, 'test.dssl');
	ok('typo surfaces a diagnostic', typoDiags.some(d => /bakground\|unknown property/i.test(d.message)));
	ok('did-you-mean suggests background', typoDiags.some(d => /background/i.test(d.message)));
	const cleanWs = analyzeWorkspace(new Map([['test.dssl', quickstart]]));
	const cleanDiags = diagnosticsFor(cleanWs, 'test.dssl');
	ok('valid quickstart produces zero errors', !cleanDiags.some(d => d.severity === 'error'));

	// 3. raw hex alpha now legal (was the /50px bug)
	const hexDoc = compileDoc('card { color: #ff0000/50 }', 'a.dssl');
	ok('hex /50 compiles to color-mix, not /50px', hexDoc.rules[0].decls[0].value.includes('color-mix'));

	// 4. STATE_WORDS export exists (used for the did-you-mean warning)
	ok('STATE_WORDS exported by bundled parser', STATE_WORDS instanceof Set && STATE_WORDS.has('hover'));

	// 5. TIME_PROPS fix reachable through the bundle: bare delay becomes ms
	const tDoc = compileDoc('card { transition-delay: 200 }', 't.dssl');
	ok('bare transition-delay becomes 200ms', /200\s*ms\|200ms/.test(JSON.stringify(tDoc.rules[0].decls)));

	// completions where the declaration does not start the line (found by driving a real editor, 0.12.0)
	{
	const an = analyzeWorkspace(new Map([['/w/a.dssl', '.a { color: red }']]));
	const labels = (text) => completionsAt(an, '/w/a.dssl', text, text.length).items.map((x) => x.label);
	const oneLine = labels('.t { texture: ');
	ok('one-line rule: after "texture: " the presets are offered', oneLine.includes('oak') && oneLine.includes('rings') && !oneLine.includes('::after'), oneLine.slice(0, 5).join());
	const second = labels('.t { color: red; glass: ');
	ok('the words for the property sort before generic CSS keywords', (() => { const it = completionsAt(an, '/w/a.dssl', '.t { texture: ', 14).items; const oak = it.find((x) => x.label === 'oak'), kw = it.find((x) => x.label === 'absolute'); return oak && kw && (oak.sort + oak.label) < (kw.sort + kw.label); })());
	ok('a second declaration on the line completes too', second.includes('saturate') && second.includes('tint'), second.slice(0, 5).join());
	const afterBrace = labels('.t { tilt: ');
	ok('tilt settings after the brace', afterBrace.includes('lift') && afterBrace.includes('glare'));
	const fresh = labels('.t { ');
	ok('right after "{" it still offers property names, not values', fresh.includes('background') && !fresh.includes('oak'));
	ok('a normal multi-line declaration still works', labels('.t {\n texture: ').includes('oak'));
	ok('a nested selector line is still not a declaration', !labels('.t {\n a:hover').includes('oak'));
	}

	console.log(`\n${pass} passed, ${fail} failed`);
	process.exit(fail ? 1 : 0);