/g, '').replace(/<[^>]*>/g, '');
+ check(!/\\(?:[A-Za-z]+|%)/.test(visible), `original eight answers leave no unrendered TeX: ${visible.match(/.{0,30}\\(?:[A-Za-z]+|%).{0,30}/g)}`);
+ check(annotations(original).includes(String.raw`f'(x) = \frac{1}{x} + e^{-x}`), 'original derivative is complete');
+ check(annotations(original).includes(String.raw`1 - 70\% = 30\% = 0.3`), 'original probability percent equation complete');
+ check(annotations(original).includes(String.raw`g''(x) = 0 \implies x_0 = \frac{1}{2}`), 'malformed copied-list derivative renders completely');
+ check(!originalHtml.includes(''), 'copied prose artifacts are not displayed as code');
+ check(math(' \\alpha\n').includes('\\alpha'), 'ordinary indented code remains literal');
+ check(math('```text\n * * 令 \\alpha\n```').includes('errors.push(e.message));
+ await page.goto(`http://127.0.0.1:${process.env.PORT || 8766}/${path}`);
+ await page.waitForFunction(name=>Boolean(window[name]),key);
+ const result=await page.evaluate(name=>window[name],key);
+ assert.equal(result[flag],true,JSON.stringify(result));
+ assert.deepEqual(errors,[]);
+ await page.screenshot({path:`${out}/${key}-${width}.png`,fullPage:true});
+ report.push({width,key,result}); await page.close();
+ }
+ }
+ await writeFile(`${out}/math-toc-results.json`,JSON.stringify(report,null,2));
+ console.log(JSON.stringify(report,null,2));
+}finally{await browser.close();}
diff --git a/tests/renderer/math.html b/tests/renderer/math.html
new file mode 100644
index 0000000..c121715
--- /dev/null
+++ b/tests/renderer/math.html
@@ -0,0 +1,9 @@
+
+
+
+Offline math regression
+
+
+Offline math regression
+Running…
+
diff --git a/tests/renderer/math.test.mjs b/tests/renderer/math.test.mjs
new file mode 100644
index 0000000..ca1da13
--- /dev/null
+++ b/tests/renderer/math.test.mjs
@@ -0,0 +1,32 @@
+// SPDX-License-Identifier: GPL-3.0-only
+// Run from repo root: node --experimental-default-type=module tests/renderer/math.test.mjs
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+import { runMathTests } from './math-suite.js';
+import MarkdownIt from '../../app/src/main/assets/renderer/vendor/markdown-it.js';
+import { getPlugins } from '../../app/src/main/assets/renderer/plugins.js';
+const fixture = await readFile(new URL('./fixtures/eight-questions.md', import.meta.url), 'utf8');
+const original = await readFile(new URL('./fixtures/user-eight-answers.md', import.meta.url), 'utf8');
+const { count } = await runMathTests((value, message) => assert.ok(value, message), fixture, original);
+const md = MarkdownIt();
+getPlugins().forEach(plugin => md.use(plugin));
+for (const source of ['ordinary plain English prose '.repeat(40000), 'x + '.repeat(200000), 'x + '.repeat(50000) + '\\alpha', 'a'.repeat(1000000), '\\[\nx=1\n'.repeat(10000), '\\( '.repeat(20000), '\\frac{'.repeat(10000), 'x^'.repeat(20000)]) {
+ const start = performance.now();
+ md.render(source);
+ const ms = performance.now() - start;
+ const budget = source.length <= 70000 ? 500 : 2000;
+ assert.ok(ms < budget, `bounded scanner completes within ${budget}ms: ${ms}ms`);
+ const rss = process.memoryUsage().rss;
+ assert.ok(rss < 2 * 1024 ** 3, `RSS below 2GiB: ${rss}`);
+ console.log(`PERF ${source.length} characters: ${Math.round(ms)}ms; RSS ${Math.round(rss / 1024 ** 2)}MiB`);
+}
+const css = await readFile(new URL('../../app/src/main/assets/renderer/css/katex.css', import.meta.url), 'utf8');
+const fonts = [...css.matchAll(/url\(([^)]+)\)/g)].map(match => match[1]);
+assert.equal(fonts.length, 60, 'all twenty faces include three offline font formats');
+for (const font of fonts) {
+ assert.match(font, /^data:font\/(woff2?|ttf);base64,/);
+ const bytes = Buffer.from(font.split(',')[1], 'base64');
+ assert.ok(bytes.length > 1000, 'embedded font is nonempty');
+ assert.ok(['wOF2', 'wOFF', '\u0000\u0001\u0000\u0000'].includes(bytes.subarray(0, 4).toString('latin1')), 'font signature valid');
+}
+console.log(`PASS ${count} math assertions; ${fonts.length} valid embedded offline fonts`);
diff --git a/tests/renderer/presentation-browser.js b/tests/renderer/presentation-browser.js
new file mode 100644
index 0000000..02a784a
--- /dev/null
+++ b/tests/renderer/presentation-browser.js
@@ -0,0 +1,25 @@
+import { DocumentView } from '../../app/src/main/assets/renderer/document.js';
+import { setConfig } from '../../app/src/main/assets/renderer/config.js';
+import { setDocumentHtml } from '../../app/src/main/assets/renderer/sanitizer.js';
+import { enhanceCodeBlocks, enhanceTables } from '../../app/src/main/assets/renderer/presentation.js';
+const params = new URLSearchParams(location.search);
+const config = setConfig({ theme: params.get('theme') || 'light', math: false, mermaid: false, codeFontFamily: '"JetBrains Mono", monospace' });
+// Mirrors Android applyTypography: body variables must beat theme.css's body defaults.
+document.body.style.setProperty('--vscode-editor-font-family', config.codeFontFamily);
+const root = document.querySelector('main');
+window.copyCalls = [];
+window.copyMode = 'success';
+const host = { copyText: async text => {
+ if (window.copyMode === 'failure') throw new Error('Native clipboard denied');
+ window.copyCalls.push(text);
+} };
+const view = new DocumentView({ root, host });
+window.view = view;
+view.applyTheme();
+view.setWordWrap(params.get('wrap') === 'true');
+const source = await (await fetch('./fixtures/presentation.md')).text();
+await view.setDocumentAsync({ path: '/fixture.md', text: source }, {});
+window.helpers = { enhanceCodeBlocks, enhanceTables, setDocumentHtml };
+await document.fonts.load('16px "JetBrains Mono"');
+await document.fonts.ready;
+window.ready = true;
diff --git a/tests/renderer/presentation-suite.js b/tests/renderer/presentation-suite.js
new file mode 100644
index 0000000..cb4e34b
--- /dev/null
+++ b/tests/renderer/presentation-suite.js
@@ -0,0 +1,57 @@
+// Real DOM suite, callable from the built-in browser or Playwright.
+export async function runPresentationTests() {
+ const checks = [];
+ const check = (condition, message) => { checks.push({ pass: !!condition, message }); };
+ const root = document.querySelector('main');
+ const pre = root.querySelector('pre');
+ const table = root.querySelector('.table-wrapper');
+ const dims = () => ({ viewport: innerWidth, page: document.documentElement.scrollWidth, root: root.clientWidth,
+ table: { client: table.clientWidth, scroll: table.scrollWidth }, code: { client: pre.clientWidth, scroll: pre.scrollWidth },
+ font: getComputedStyle(pre.querySelector('code')).fontFamily });
+ const before = dims();
+ check(before.page === innerWidth, 'no whole-page horizontal overflow');
+ check(innerWidth <= 600 ? before.table.scroll > before.table.client : before.table.scroll === before.table.client, 'table scrolls on mobile and fits naturally on wide screens');
+ if (innerWidth === 390) check(before.code.scroll > before.code.client, 'long unwrapped code scroll confined to pre');
+ check(root.querySelectorAll('.hljs-keyword').length > 0, 'syntax highlighting loaded');
+ check(root.querySelectorAll('thead th:not([scope="col"])').length === 0, 'column headers accessible');
+ check(root.querySelectorAll('.table-wrapper[tabindex="0"]').length === 3, 'all table regions keyboard accessible');
+ check(getComputedStyle(root.querySelector('.code-block-copy-button')).opacity === '1', 'copy visible without hover');
+ const source = pre.querySelector('code').textContent;
+ const copy = root.querySelector('.code-block-copy-button');
+ copy.click();
+ await new Promise(resolve => setTimeout(resolve, 0));
+ check(window.copyCalls[0] === source && copy.textContent === 'Copied', 'native adapter copies exact text and confirms success');
+ window.copyMode = 'failure'; copy.click();
+ await new Promise(resolve => setTimeout(resolve, 0));
+ check(root.querySelector('[role="status"]').textContent.includes('unavailable'), 'rejected copy reports failure');
+ root.querySelector('.code-block-wrap-button').click();
+ check(getComputedStyle(pre).whiteSpace === 'pre-wrap' && pre.scrollWidth <= pre.clientWidth, 'wrap includes unbroken code tokens');
+ window.view.setWordWrap(true);
+ window.helpers.enhanceTables(root); window.helpers.enhanceCodeBlocks(root);
+ check(root.querySelectorAll('.code-block').length === 4 && !root.querySelector('.table-wrapper .table-wrapper'), 'enhancement idempotent');
+ check(!root.querySelector('.code-block-wrap-button[aria-pressed="false"]'), 'global wrap synchronizes controls');
+ window.view.runFind('Wrap');
+ check(window.view.findMatches.length === 1, 'find excludes toolbar text');
+ window.view.closeFind();
+ const box = document.createElement('div');
+ window.helpers.setDocumentHtml(box, '
<script>literal</script>
');
+ check(!box.querySelector('script,[onerror]') && box.querySelector('code').textContent === '', 'sanitizer and literal code preserved');
+ const oldClipboard = Object.getOwnPropertyDescriptor(navigator, 'clipboard');
+ Object.defineProperty(navigator, 'clipboard', { configurable: true, value: undefined });
+ box.innerHTML = 'exact source\n
'; root.append(box);
+ window.helpers.enhanceCodeBlocks(box); box.querySelector('.code-block-copy-button').click();
+ await new Promise(resolve => setTimeout(resolve, 0));
+ check(box.querySelector('[role="status"]').textContent.includes('unavailable'), 'unavailable clipboard never reports success');
+ box.remove();
+ if (oldClipboard) Object.defineProperty(navigator, 'clipboard', oldClipboard); else delete navigator.clipboard;
+ document.body.style.setProperty('--vscode-editor-font-family', '"JetBrains Mono", monospace');
+ const loaded = await document.fonts.load('16px "JetBrains Mono"');
+ await document.fonts.ready;
+ check(loaded.length > 0 && loaded.every(font => font.status === 'loaded'), 'offline JetBrains font loaded successfully');
+ check(getComputedStyle(pre.querySelector('code')).fontFamily.includes('JetBrains Mono'), 'code uses requested font on body');
+ document.body.classList.add('source-document');
+ check(pre.clientWidth > before.code.client, 'source mode eliminates duplicated gutter');
+ document.body.classList.remove('source-document');
+ window.view.setWordWrap(false);
+ return { passed: checks.filter(c => c.pass).length, total: checks.length, checks, before, after: dims() };
+}
diff --git a/tests/renderer/presentation.e2e.mjs b/tests/renderer/presentation.e2e.mjs
new file mode 100644
index 0000000..6166566
--- /dev/null
+++ b/tests/renderer/presentation.e2e.mjs
@@ -0,0 +1,31 @@
+// Optional remote/desktop browser runner. Dependency-free Node tests are presentation.test.mjs.
+// npm install --no-save playwright-core && npx playwright-core install --with-deps chromium
+// python3 -m http.server 8766 &
+// node --experimental-default-type=module tests/renderer/presentation.e2e.mjs
+import assert from 'node:assert/strict';
+import { mkdir, writeFile } from 'node:fs/promises';
+const { chromium } = await import(process.env.PLAYWRIGHT_MODULE || 'playwright-core');
+const out = process.env.EVIDENCE_DIR || '/tmp/mark-reader-presentation-evidence';
+await mkdir(out, { recursive: true });
+const browser = await chromium.launch({ ...(process.env.CHROMIUM ? { executablePath: process.env.CHROMIUM } : {}), headless: true, args: ['--no-sandbox', '--disable-dev-shm-usage'] });
+const results = [];
+try {
+ for (const width of [390, 1280]) for (const theme of ['light', 'dark']) {
+ const page = await browser.newPage({ viewport: { width, height: 1000 } });
+ const errors = [];
+ page.on('pageerror', error => errors.push(error.message));
+ await page.goto(`http://127.0.0.1:${process.env.PORT || 8766}/tests/renderer/presentation.html?theme=${theme}`);
+ await page.waitForFunction(() => window.ready);
+ const result = await page.evaluate(async () => {
+ const { runPresentationTests } = await import('./presentation-suite.js');
+ return await runPresentationTests();
+ });
+ for (const check of result.checks) assert.ok(check.pass, `${width}/${theme}: ${check.message}`);
+ assert.deepEqual(errors, [], 'no browser runtime exceptions');
+ await page.screenshot({ path: `${out}/${width}-${theme}.png`, fullPage: true });
+ results.push({ width, theme, ...result, errors });
+ await page.close();
+ }
+ await writeFile(`${out}/dimensions.json`, JSON.stringify(results, null, 2));
+ console.log(JSON.stringify(results, null, 2));
+} finally { await browser.close(); }
diff --git a/tests/renderer/presentation.html b/tests/renderer/presentation.html
new file mode 100644
index 0000000..080b154
--- /dev/null
+++ b/tests/renderer/presentation.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/tests/renderer/presentation.test.mjs b/tests/renderer/presentation.test.mjs
new file mode 100644
index 0000000..14ba7ed
--- /dev/null
+++ b/tests/renderer/presentation.test.mjs
@@ -0,0 +1,46 @@
+// Run: node --experimental-default-type=module tests/renderer/presentation.test.mjs
+// Dependency-free Node parser/presentation contract regressions. Browser assertions live
+// in presentation-suite.js and optional presentation.e2e.mjs, not silently skipped here.
+import assert from 'node:assert/strict';
+import { readFile } from 'node:fs/promises';
+import { MarkdownItEngine } from '../../app/src/main/assets/renderer/engine.js';
+import { ensureHighlighter } from '../../app/src/main/assets/renderer/lazy.js';
+import { setConfig } from '../../app/src/main/assets/renderer/config.js';
+import { enhanceTables, enhanceCodeBlocks } from '../../app/src/main/assets/renderer/presentation.js';
+setConfig({ math: false, mermaid: false });
+await ensureHighlighter();
+const engine = new MarkdownItEngine();
+const source = await readFile(new URL('./fixtures/presentation.md', import.meta.url), 'utf8');
+const html = engine.render(source).html;
+let count = 0;
+const check = (condition, message) => { assert.ok(condition, message); count++; };
+check(html.includes('hljs-keyword'), 'lazy highlighter emits actual tokens');
+check(/class="[^"]*hljs[^\"]*language-javascript/.test(html), 'real fence rule attaches hljs and language');
+check(html.includes('language-unknown-language'), 'unknown language retained');
+check(html.includes('<script>'), 'unknown language escapes executable source');
+check(html.includes('style="text-align:right"'), 'markdown alignment preserved');
+check((html.match(/\n\n```').html;
+check(!unsafe.includes('B\n```').html;
+check(mermaid.includes('mermaid-fallback') && !mermaid.includes('code-block-toolbar'), 'mermaid stays separate');
+const css = await readFile(new URL('../../app/src/main/assets/renderer/css/document-overrides.css', import.meta.url), 'utf8');
+check(css.indexOf("@import './fonts.css'") < css.indexOf('blockquote {'), 'offline fonts imported before CSS rules');
+check(css.includes('--vscode-editor-font-family'), 'font preference variable supported');
+check(css.includes('body.source-document'), 'whole source file avoids double gutter');
+check(css.includes('overflow-wrap: anywhere'), 'long tokens can wrap');
+check(typeof enhanceTables === 'function' && typeof enhanceCodeBlocks === 'function', 'enhancement module imports without browser globals');
+const vendorHashes = {
+ 'markdown.css': '9c7fc4016a05a953820e7dd83506cecc31c610a19d137142f21b10bed7c0ff2a',
+ 'highlight.css': '427a82c14e421dbbfa6c595f5623ce25579424f203b6506a1dac4bcd13ad719b',
+};
+for (const [name, expected] of Object.entries(vendorHashes)) {
+ const { createHash } = await import('node:crypto');
+ const local = await readFile(new URL(`../../app/src/main/assets/renderer/css/${name}`, import.meta.url));
+ check(createHash('sha256').update(local).digest('hex') === expected, `${name}: pinned upstream vendor bytes unchanged`);
+}
+console.log(`PASS ${count} presentation parser/contracts (Node; no DOM emulation)`);