@miliastry/quasar 1.0.6 → 1.1.0

package/src/Tests/ReproDelete20k.test.ts

@@ -1,62 +0,0 @@
-/**
- * Debug — dump the windowed reconcile decisions for the minimal delete-20k
- * divergence: change range, old/new window keys, orphan decisions, walk.
- */
-
-import { describe, it } from 'vitest'
-import { readFileSync, existsSync } from 'node:fs'
-import { join } from 'node:path'
-import { BBCodeDocumentModel } from '../BBCode/BBCodeDocumentModel'
-import { HTMLRenderer } from '../Visitors/HTMLRenderer'
-import { patchBlocksInto } from '../Visitors/BlockPatcher'
-
-const renderer = new HTMLRenderer()
-
-function loadFixture(): string {
-  const candidates = [
-    join(process.cwd(), 'packages', 'quasar', '500KCharsTest'),
-    join(process.cwd(), '500KCharsTest'),
-    join(__dirname, '..', '..', '500KCharsTest'),
-  ]
-  const p = candidates.find(c => existsSync(c))
-  if (!p) throw new Error(`Fixture not found in: ${candidates.join(', ')}`)
-  return readFileSync(p, 'utf-8')
-}
-
-const insertAt = (s: string, pos: number, text: string): string => s.slice(0, pos) + text + s.slice(pos)
-function afterBlank(s: string, pos: number): number {
-  const i = s.indexOf('\n\n', pos)
-  return i === -1 ? s.length : i + 2
-}
-
-describe('windowed debug: minimal delete-20k', () => {
-  it('dumps orphan + walk decisions', () => {
-    ;(globalThis as { __BP_DEBUG__?: boolean }).__BP_DEBUG__ = true
-    let src = loadFixture()
-    let model = new BBCodeDocumentModel({ source: src })
-    const el = document.createElement('div')
-    patchBlocksInto(el, model.redRoot!, { renderer, minWindowedBlocks: 0 })
-
-    // Step 1: insert box at 50%
-    src = insertAt(src, afterBlank(src, Math.floor(src.length * 0.5)), '[box]caja nueva[/box]\n\n')
-    model.applyTextUpdate(src)
-    model.ensureAnalyzed()
-    patchBlocksInto(el, model.redRoot!, { renderer, minWindowedBlocks: 0 })
-
-    // Step 2: insert quote at 60%
-    src = insertAt(src, afterBlank(src, Math.floor(src.length * 0.6)), '[quote]cita nueva[/quote]\n\n')
-    model.applyTextUpdate(src)
-    model.ensureAnalyzed()
-    patchBlocksInto(el, model.redRoot!, { renderer, minWindowedBlocks: 0 })
-
-    // Step 3: delete 20k at 50% — the diverging edit
-    console.log('[dbg] --- STEP 3: delete 20k at 50% ---')
-    const pos = Math.floor(src.length * 0.5)
-    const next = src.slice(0, pos) + src.slice(pos + 20_000)
-    model.applyTextUpdate(next)
-    model.ensureAnalyzed()
-    console.log('[dbg] change source pos', pos)
-    patchBlocksInto(el, model.redRoot!, { renderer, minWindowedBlocks: 0 })
-    ;(globalThis as { __BP_DEBUG__?: boolean }).__BP_DEBUG__ = false
-  }, 300_000)
-})

package/src/Tests/SemanticValidators.test.ts

@@ -1,136 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { REFERENCE_DOCUMENT_WITH_GRADIENT } from './referenceDocument'
-import { BBCodeDocumentModel } from '../BBCode/BBCodeDocumentModel'
-
-/**
- * Regression: the built-in validators must actually fire.
- *
- * Three of the four were unreachable, so `analyze()` returned zero diagnostics
- * on *any* document and `ErrorCheckerWindow` — a whole window whose job is
- * listing problems — was permanently empty. None of them set `range` either, so
- * even a firing diagnostic could not be clicked through to its position.
- *
- *   unknown-tag       required kind 'custom', but the parser turns unknown tags
- *                     into `text` nodes before the analyzer sees them
- *   deprecated-tag    looked up `deprecated[node.text]`, but `text` holds the
- *                     tag's attributes, not its name
- *   nested-structure  required non-text children of [code], but the parser
- *                     keeps code content as raw text, so there never are any
- *
- * `unknown-tag` is still unreachable by design — see the note at the bottom.
- */
-function diagnose(source: string) {
-  const model = new BBCodeDocumentModel({ source })
-  const result = model.analyze()
-  return result.diagnostics.items
-}
-
-function codes(source: string): string[] {
-  return diagnose(source).map(d => d.code)
-}
-
-describe('SemanticAnalyzer — built-in validators', () => {
-  it('flags a deprecated tag exactly once, with its range', () => {
-    const source = '[strike]x[/strike]'
-    const found = diagnose(source)
-
-    expect(found.map(d => d.code)).toEqual(['deprecated-tag'])
-    // Several nodes share offset 0 here (document, paragraph, the tag itself),
-    // so an offset-only check reported this three times.
-    expect(found[0].range).toEqual({ start: 0, end: source.length })
-    expect(found[0].message).toContain('[s]')
-  })
-
-  it('does not flag the modern spelling', () => {
-    expect(codes('[s]x[/s]')).toEqual([])
-  })
-
-  it('flags BBCode tags inside a code block', () => {
-    expect(codes('[code][b]x[/b][/code]')).toEqual(['nested-tags-in-code', 'nested-tags-in-code'])
-  })
-
-  it('does not flag a code block without tags', () => {
-    expect(codes('[code]const a = 1[/code]')).toEqual([])
-  })
-
-  it('flags an empty tag', () => {
-    const found = diagnose('[b][/b]')
-    expect(found.map(d => d.code)).toEqual(['empty-tag'])
-    expect(found[0].range).not.toBeNull()
-  })
-
-  it('every diagnostic carries a usable range', () => {
-    // ErrorCheckerWindow guards on `if (err.range)` to jump to the problem, so
-    // a diagnostic without one is invisible in practice.
-    for (const source of ['[strike]x[/strike]', '[code][b]x[/b][/code]', '[b][/b]']) {
-      for (const d of diagnose(source)) {
-        expect(d.range).not.toBeNull()
-        expect(d.range!.start).toBeGreaterThanOrEqual(0)
-        expect(d.range!.end).toBeGreaterThan(d.range!.start)
-        expect(d.range!.end).toBeLessThanOrEqual(source.length)
-      }
-    }
-  })
-
-  describe('unclosed tags', () => {
-    // The one BBCode mistake people actually make. The legacy parser closes
-    // these silently by design, so without this nothing tells the author.
-    it('flags a tag never closed', () => {
-      expect(codes('[b]hola')).toEqual(['unclosed-tag'])
-    })
-
-    it('flags each unclosed tag separately', () => {
-      expect(codes('[b][i]hola')).toEqual(['unclosed-tag', 'unclosed-tag'])
-    })
-
-    it('flags a tag auto-closed by a mismatched close', () => {
-      // [i] is never closed; the legacy rules close it when [/b] arrives.
-      expect(codes('[b][i]x[/b]')).toEqual(['unclosed-tag'])
-    })
-
-    it('says nothing about properly closed tags', () => {
-      expect(codes('[b]hola[/b]')).toEqual([])
-      expect(codes('[b][i]x[/i][/b]')).toEqual([])
-      expect(codes('[color=red]x[/color]')).toEqual([])
-      expect(codes('[url=https://osu.ppy.sh]x[/url]')).toEqual([])
-    })
-
-    it('is case-insensitive about the closing tag', () => {
-      expect(codes('[B]x[/B]')).toEqual([])
-    })
-
-    it('does not flag [*], which has no closing form', () => {
-      expect(codes('[list]\n[*]uno\n[*]dos\n[/list]')).toEqual([])
-    })
-
-    it('does not flag brackets in ordinary prose', () => {
-      expect(codes('Combo de [90 misses] con teclado [Gateron]')).toEqual([])
-      expect(codes('hola[/b]')).toEqual([])
-    })
-  })
-
-  it('stays quiet on well-formed documents', () => {
-    // False positives are worse than silence: a checker that cries wolf on
-    // ordinary text gets ignored.
-    expect(codes('[b]hola[/b] [i]mundo[/i]')).toEqual([])
-    expect(codes('texto sin ninguna etiqueta')).toEqual([])
-    expect(codes('[url=https://osu.ppy.sh]enlace[/url]')).toEqual([])
-  })
-
-  it('produces no noise on the real reference document', () => {
-    const found = diagnose(REFERENCE_DOCUMENT_WITH_GRADIENT)
-    // This is a real, valid document: anything reported here is a false
-    // positive that would bury genuine problems in the checker window.
-    expect(found.filter(d => d.severity === 'error')).toEqual([])
-    expect(found.filter(d => d.severity === 'warning')).toEqual([])
-  })
-
-  // NOTE: `unknown-tag` is deliberately still dormant. The parser renders
-  // unrecognised tags as literal text on purpose — `[Gateron]`, `[90 misses]`
-  // are ordinary prose, not typos — so warning on them would be pure noise.
-  // Reviving it is a product decision, tracked as roadmap point 15.
-  it('does not warn about unknown tags (parser renders them as text)', () => {
-    expect(codes('[unknowntag]hola[/unknowntag]')).toEqual([])
-    expect(codes('Combo de [90 misses] con teclado [Gateron]')).toEqual([])
-  })
-})

package/src/Tests/StableNodeIds.test.ts

@@ -1,210 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { BBCodeDocumentModel } from '../BBCode/BBCodeDocumentModel'
-import { HTMLRenderer } from '../Visitors/HTMLRenderer'
-import { morphHTML } from '../Visitors/DOMMorpher'
-import type { RedNode } from '../Syntax/RedNode'
-
-/**
- * Node ids must survive a reparse for every node that did not change.
- *
- * Ids are embedded in the rendered HTML as `data-node-id` (the preview→Monaco
- * click mapping reads them), so regenerating them on every parse made the HTML
- * of *unchanged* subtrees differ between keystrokes — which defeated the
- * DOMMorpher's isEqualNode fast path and rewrote DOM the user was looking at.
- *
- * The last test is the end-to-end payoff: after a one-character edit, the DOM
- * elements of untouched content must keep their object identity through a
- * morph, because their HTML is now byte-identical.
- */
-
-/** Map every text node's content to its id (text content identifies the leaf). */
-function textIds(root: RedNode): Map<string, string> {
-  const out = new Map<string, string>()
-  root.walk(n => {
-    if (n.kind === 'text' && n.text.trim() !== '') out.set(n.text, String(n.id))
-  })
-  return out
-}
-
-function subtreeText(node: RedNode): string {
-  let out = ''
-  node.walk(n => { if (n.kind === 'text') out += n.text })
-  return out
-}
-
-function allIds(root: RedNode): string[] {
-  const out: string[] = []
-  root.walk(n => { out.push(String(n.id)) })
-  return out
-}
-
-function mulberry32(seed: number): () => number {
-  let a = seed >>> 0
-  return () => {
-    a |= 0; a = (a + 0x6D2B79F5) | 0
-    let t = Math.imul(a ^ (a >>> 15), 1 | a)
-    t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t
-    return ((t ^ (t >>> 14)) >>> 0) / 4294967296
-  }
-}
-
-describe('stable node ids across reparses', () => {
-  it('an edit in the middle keeps the ids of untouched content (incremental path)', () => {
-    const model = new BBCodeDocumentModel({
-      source: 'uno\n\ndos\n\ntres\n\n[b]cuatro[/b]',
-    })
-    const before = textIds(model.redRoot!)
-
-    model.applyTextUpdate('uno\n\ndos EDITADO\n\ntres\n\n[b]cuatro[/b]')
-    const after = textIds(model.redRoot!)
-
-    expect(after.get('uno')).toBe(before.get('uno'))
-    expect(after.get('tres')).toBe(before.get('tres'))
-    expect(after.get('cuatro')).toBe(before.get('cuatro'))
-  })
-
-  it('typing at the end keeps every previous id', () => {
-    const model = new BBCodeDocumentModel({
-      source: 'uno\n\n[i]dos[/i]\n\ntres',
-    })
-    const before = textIds(model.redRoot!)
-
-    model.applyTextUpdate('uno\n\n[i]dos[/i]\n\ntres y algo mas')
-    const after = textIds(model.redRoot!)
-
-    expect(after.get('uno')).toBe(before.get('uno'))
-    expect(after.get('dos')).toBe(before.get('dos'))
-  })
-
-  it('a full rebuild also preserves ids, via hash matching', () => {
-    const model = new BBCodeDocumentModel({
-      source: 'uno\n\ndos\n\n[b]tres[/b]',
-    })
-    const before = textIds(model.redRoot!)
-
-    // rebuild() reparses everything: no green is shared by reference, so this
-    // exercises the hash-verified tier.
-    model.rebuild('uno\n\ndos!\n\n[b]tres[/b]')
-    const after = textIds(model.redRoot!)
-
-    expect(after.get('uno')).toBe(before.get('uno'))
-    expect(after.get('tres')).toBe(before.get('tres'))
-  })
-
-  it('ids stay unique through seeded random edit sequences', () => {
-    const rand = mulberry32(1234)
-    const alphabet = ['a', ' ', '\n', '[', ']', 'b', '[b]', '[/b]', '[i]', '[/i]', '[list]', '[*]']
-
-    for (let doc = 0; doc < 8; doc++) {
-      let source = ''
-      const parts = 40 + Math.floor(rand() * 120)
-      for (let i = 0; i < parts; i++) {
-        source += alphabet[Math.floor(rand() * alphabet.length)]
-      }
-      const model = new BBCodeDocumentModel({ source })
-
-      for (let edit = 0; edit < 25; edit++) {
-        const pos = Math.floor(rand() * (model.source.length + 1))
-        const insert = alphabet[Math.floor(rand() * alphabet.length)]
-        const next = rand() < 0.75
-          ? model.source.slice(0, pos) + insert + model.source.slice(pos)
-          : model.source.slice(0, pos) + model.source.slice(Math.min(pos + 1, model.source.length))
-        model.applyTextUpdate(next)
-
-        const ids = allIds(model.redRoot!)
-        expect(new Set(ids).size).toBe(ids.length)
-        expect(model.redRoot!.green).toBe(model.greenRoot)
-      }
-    }
-  })
-
-  it('inserting a block does not renumber the blocks that survive it', () => {
-    // Regression. Identity is carried either by red-subtree REUSE (the nodes
-    // are the previous objects) or by the id walk (every node is fresh) —
-    // never both. When both ran, the walk paired positionally, so inserting a
-    // block made each survivor pair with its NEIGHBOUR: it overwrote a live
-    // node's id with a different node's, which both duplicated ids and
-    // changed `data-node-id` on blocks that had not changed — defeating the
-    // morpher's fast path exactly when it matters most.
-    let src = ''
-    for (let i = 0; i < 40; i++) src += `[notice]bloque ${i}[/notice]\n\n`
-    const model = new BBCodeDocumentModel({ source: src })
-
-    const idOf = (root: RedNode, text: string): string | null => {
-      let found: string | null = null
-      root.walk(n => {
-        if (!found && n.kind === 'notice' && n.text === '' && subtreeText(n).includes(text)) {
-          found = String(n.id)
-        }
-      })
-      return found
-    }
-    const before10 = idOf(model.redRoot!, 'bloque 10')
-    const before39 = idOf(model.redRoot!, 'bloque 39')
-    expect(before10).toBeTruthy()
-
-    // Insert a whole new block near the start: everything after it shifts.
-    model.applyTextUpdate('[notice]NUEVO[/notice]\n\n' + src)
-
-    expect(idOf(model.redRoot!, 'bloque 10')).toBe(before10)
-    expect(idOf(model.redRoot!, 'bloque 39')).toBe(before39)
-
-    const ids = allIds(model.redRoot!)
-    expect(new Set(ids).size).toBe(ids.length)
-  })
-
-  it('end to end: untouched id-bearing blocks keep DOM identity through a morph', () => {
-    // Only block containers carry data-node-id (see HTMLRenderer.ID_BEARING_KINDS),
-    // so blocks are where id churn used to break the morpher's fast path.
-    const model = new BBCodeDocumentModel({
-      source: '[notice]uno[/notice]\n\n[quote]dos[/quote]\n\n[notice]tres[/notice]',
-    })
-    const renderer = new HTMLRenderer()
-    const el = document.createElement('div')
-    el.innerHTML = renderer.render(model.redRoot!)
-
-    const findBlock = (text: string): Element | null => {
-      for (const block of Array.from(el.querySelectorAll('[data-node-id]'))) {
-        if (block.textContent?.includes(text)) return block
-      }
-      return null
-    }
-
-    const unoBefore = findBlock('uno')
-    const tresBefore = findBlock('tres')
-    expect(unoBefore).toBeTruthy()
-    expect(tresBefore).toBeTruthy()
-    const unoId = unoBefore!.getAttribute('data-node-id')
-    const tresId = tresBefore!.getAttribute('data-node-id')
-
-    model.applyTextUpdate('[notice]uno[/notice]\n\n[quote]dos EDITADO[/quote]\n\n[notice]tres[/notice]')
-    morphHTML(el, renderer.render(model.redRoot!))
-
-    // Same DOM objects, not equivalent ones: their HTML — ids included — did
-    // not change, so the morpher's isEqualNode fast path skipped them.
-    expect(findBlock('uno')).toBe(unoBefore)
-    expect(findBlock('tres')).toBe(tresBefore)
-    expect(unoBefore!.getAttribute('data-node-id')).toBe(unoId)
-    expect(tresBefore!.getAttribute('data-node-id')).toBe(tresId)
-    // And the edited block is actually updated.
-    expect(findBlock('dos EDITADO')).toBeTruthy()
-  })
-
-  it('every data-node-id in fresh HTML resolves to a node in the current tree', () => {
-    const model = new BBCodeDocumentModel({
-      source: '[notice]uno[/notice]\n\n[list][*]dos[*]tres[/list]',
-    })
-    model.applyTextUpdate('[notice]uno![/notice]\n\n[list][*]dos[*]tres[/list]')
-
-    const html = new HTMLRenderer().render(model.redRoot!)
-    const el = document.createElement('div')
-    el.innerHTML = html
-
-    const withIds = Array.from(el.querySelectorAll('[data-node-id]'))
-    expect(withIds.length).toBeGreaterThan(0)
-    for (const node of withIds) {
-      const id = node.getAttribute('data-node-id')!
-      expect(model.findNode(id as never)).toBeTruthy()
-    }
-  })
-})

package/src/Tests/StudioColorBloat.test.ts

@@ -1,25 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { BBCodeExporter } from '../Visitors/BBCodeExporter'
-import { processStudioAST } from '@miliastry/quasar-studio'
-
-describe('Studio Effects Color Bloat', () => {
-  it('should remove redundant outer color tags when a gradient is applied', () => {
-    const text = "[color=#000000]Hello[/color]"
-
-    const layers = [
-      { id: 'grad', type: 'gradient', enabled: true, value: 100, properties: { color1: '#ff0000', color2: '#0000ff' }, colors: '#ff0000,#0000ff', opacity: 1.0, easing: 'linear' }
-    ]
-
-    const registry = new TagRegistry()
-    const { redRoot } = processStudioAST(text, layers as any, {})
-    
-    const exporter = new BBCodeExporter(registry)
-    const exportedBBCode = exporter.export(redRoot)
-
-    // The output should NOT contain [color=#000000]
-    expect(exportedBBCode).not.toContain('#000000')
-    // It should ONLY contain the gradient colors
-    expect(exportedBBCode).toContain('#ff0000')
-  })
-})

package/src/Tests/StudioDebugText.test.ts

@@ -1,27 +0,0 @@
-import { describe, it } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { BBCodeExporter } from '../Visitors/BBCodeExporter'
-import { processStudioAST } from '@miliastry/quasar-studio'
-
-describe('Studio Effects Debug Text', () => {
-  it('should print exported BBCode for debugging', () => {
-    const text = "Hello World\nTest\n\nDouble newline."
-
-    const layers = [
-      { id: 'grad', type: 'gradient', active: true, value: 100, properties: { color1: '#ff0000', color2: '#0000ff' } }
-    ]
-
-    const registry = new TagRegistry()
-    const { redRoot } = processStudioAST(text, layers as any, {})
-    
-    const exporter = new BBCodeExporter(registry)
-    const exportedBBCode = exporter.export(redRoot)
-
-    console.log("================================")
-    console.log("ORIGINAL TEXT:")
-    console.log(JSON.stringify(text))
-    console.log("EXPORTED BBCODE:")
-    console.log(JSON.stringify(exportedBBCode))
-    console.log("================================")
-  })
-})

package/src/Tests/StudioTrailingChar.test.ts

@@ -1,25 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { BBCodeExporter } from '../Visitors/BBCodeExporter'
-import { processStudioAST } from '@miliastry/quasar-studio'
-
-describe('Studio Effects Trailing Char Bug', () => {
-  it('should not duplicate trailing braille blanks', () => {
-    const text = "[notice]Hello⠀[/notice]"
-
-    const layers = [
-      { id: 'grad', type: 'gradient', enabled: true, value: 100, properties: { color1: '#ff0000', color2: '#0000ff' }, colors: '#ff0000,#0000ff', opacity: 1.0, easing: 'linear' }
-    ]
-
-    const registry = new TagRegistry()
-    const { redRoot } = processStudioAST(text, layers as any, {})
-    
-    const exporter = new BBCodeExporter(registry)
-    const exportedBBCode = exporter.export(redRoot)
-
-    console.log("EXPORTED:", JSON.stringify(exportedBBCode))
-    
-    // Ensure we don't have an extra braille blank at the end
-    expect(exportedBBCode.match(/⠀/g)?.length).toBe(1)
-  })
-})

package/src/Tests/StudioValidText.test.ts

@@ -1,25 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { BBCodeExporter } from '../Visitors/BBCodeExporter'
-import { processStudioAST } from '@miliastry/quasar-studio'
-
-describe('Studio Effects Valid Structure', () => {
-  it('should not alter structure of valid bbcode', () => {
-    const text = "[notice]\n  [box=Hello]\n    [centre]Content[/centre]\n  [/box]\n[/notice]"
-
-    const layers = [
-      { id: 'grad', type: 'gradient', active: true, value: 100, properties: { color1: '#ff0000', color2: '#0000ff' } }
-    ]
-
-    const registry = new TagRegistry()
-    const { redRoot } = processStudioAST(text, layers as any, {})
-    
-    const exporter = new BBCodeExporter(registry)
-    const exportedBBCode = exporter.export(redRoot)
-
-    // Strip colors to verify exact match
-    const stripped = exportedBBCode.replace(/\[\/?color[^\]]*\]/g, '')
-    
-    expect(stripped).toEqual(text)
-  })
-})

package/src/Tests/UrlImgBug.test.ts

@@ -1,23 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { HTMLRenderer } from '../Visitors/HTMLRenderer'
-import { processStudioAST } from '@miliastry/quasar-studio'
-import { BBCodeExporter } from '../Visitors/BBCodeExporter'
-import fs from 'fs'
-
-describe('URL IMG bug', () => {
-  it('should render URL with IMG inside correctly', () => {
-    const text = '[notice][centre][url=https://osekai.net/profiles?user=11624101][img]https://osekai.net/profiles/img/banner.svg?id=11624101[/img][/url][/centre][/notice]'
-
-    const registry = new TagRegistry()
-    const htmlRenderer = new HTMLRenderer({ registry })
-    const exporter = new BBCodeExporter(registry)
-
-    const { redRoot } = processStudioAST(text, [], {})
-    const html = htmlRenderer.render(redRoot)
-    const exported = exporter.export(redRoot)
-
-    console.log('HTML:\n', html)
-    console.log('Exported BBCode:\n', exported)
-  })
-})

package/src/Tests/VisualBuilderFidelity.test.ts

@@ -1,105 +0,0 @@
-import { describe, it, expect } from 'vitest'
-import { TagRegistry } from '../Model/TagRegistry'
-import { HTMLRenderer } from '../Visitors/HTMLRenderer'
-import { processStudioAST } from '@miliastry/quasar-studio'
-
-/**
- * Every tag the visual builder can produce must reach the HTML with the
- * element the preview's stylesheet expects.
- *
- * This file used to hold a 6 KB hardcoded "expected HTML" that was never
- * compared against anything — it was written to `visual-builder-expected.html`
- * and `visual-builder-actual.html` in the repo root (tracked files, dirtied on
- * every run) for a human to eyeball. The only assertions were that the output
- * contained `class="bb-text"` and `data-node-id`. The first stopped being true
- * when text leaves lost their wrapper span, which is what prompted writing
- * real assertions instead.
- */
-describe('Visual Builder HTML Fidelity', () => {
-  const bbcode = `[heading]Quasar Engine Test[/heading]
-
-[b]Bold[/b], [i]Italic[/i], [u]Underline[/u], [s]Strikethrough[/s]
-
-[color=#61afef]Colored text[/color] and [size=150]Large text[/size]
-
-[quote="Author"]This is a quote block with [b]formatting[/b] inside[/quote]
-
-[code]
-function hello() {
-  console.log("Hello World!")
-}
-[/code]
-
-[list]
-[*]Item one
-[*]Item two
-[*]Item three
-[/list]
-
-[centre][b]Centered content[/b][/centre]
-
-[notice]This is an important notice![/notice]
-
-[spoiler]Hidden content revealed on hover[/spoiler]
-
-[url=https://osu.ppy.sh]osu! website[/url]
-
-Esto
-
-Y esto`
-
-  const render = () => {
-    const registry = new TagRegistry()
-    const renderer = new HTMLRenderer({ registry })
-    const { redRoot } = processStudioAST(bbcode, [], {})
-    return renderer.render(redRoot)
-  }
-
-  it('maps every tag to its expected element', () => {
-    const html = render()
-
-    const cases: Array<[string, RegExp]> = [
-      ['heading', /<h2[^>]*>Quasar Engine Test<\/h2>/],
-      ['bold', /<strong[^>]*>Bold<\/strong>/],
-      ['italic', /<em[^>]*>Italic<\/em>/],
-      ['underline', /<u[^>]*>Underline<\/u>/],
-      ['strikethrough', /<s[^>]*>Strikethrough<\/s>/],
-      ['color', /<span[^>]*style="color:#61afef;"[^>]*>Colored text<\/span>/],
-      ['size', /<span[^>]*style="font-size:150%;"[^>]*>Large text<\/span>/],
-      ['quote', /<blockquote[^>]*>/],
-      ['code', /<pre[^>]*><code>/],
-      ['list', /<ul[^>]*>/],
-      ['list item', /<li[^>]*>Item one/],
-      ['centre', /<div[^>]*style="text-align:center;"[^>]*>/],
-      ['notice', /<div[^>]*class="notice"[^>]*>/],
-      ['spoiler', /<span[^>]*class="spoiler"[^>]*>/],
-      ['url', /<a[^>]*href="https:\/\/osu\.ppy\.sh"[^>]*>osu! website<\/a>/],
-    ]
-
-    for (const [label, pattern] of cases) {
-      expect(pattern.test(html), `${label} — no encontrado en el HTML`).toBe(true)
-    }
-  })
-
-  it('keeps the quote author and the raw code content', () => {
-    const html = render()
-    expect(html).toContain('Author')
-    expect(html).toContain('function hello()')
-    // Code content is raw text, so its quotes must be escaped, not parsed.
-    expect(html).toContain('&quot;Hello World!&quot;')
-  })
-
-  it('carries data-node-id on blocks, so preview clicks map back to nodes', () => {
-    const html = render()
-    // Blocks are id-bearing; text leaves deliberately are not.
-    expect(html).toMatch(/<h2 data-node-id="[^"]+"/)
-    expect(html).toMatch(/<blockquote data-node-id="[^"]+"/)
-    expect(html).toMatch(/<div data-node-id="[^"]+" class="notice"/)
-  })
-
-  it('renders trailing prose after the last tag', () => {
-    const html = render()
-    expect(html).toContain('Esto')
-    expect(html).toContain('Y esto')
-  })
-})