File size: 4,333 Bytes
794b22f c3fdf10 ee84700 c3fdf10 ee84700 c3fdf10 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 | /* 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);
|