"""Exercise generated report HTML with the real vendored KaTeX in Chromium.""" import json import os from pathlib import Path import shutil import subprocess import pytest from src.visual_report import generate_visual_report @pytest.mark.parametrize("width", [1440, 390]) @pytest.mark.parametrize("mode", ["math", "plain", "blocked"]) def test_report_math_in_browser(tmp_path, width, mode): if not shutil.which("node"): pytest.skip("node not installed") markdown = ( "# Math report\n\n" + r"## Formula $x_i$" + "\n\n" + r"Inline \(x_i^2\) and $a < b$." + "\n\n" + r"\[\sum_{i=1}^{3} x_i\]" + "\n\n" + r"Invalid: $\frac{1}$. Unsafe: $\href{javascript:alert(1)}{bad}$." + "\n\n`$literal$` costs $5 to $10." + "\n\n$$" + "+".join(["x_i"] * 30) + "$$" ) if mode != "plain" else "## Findings\n\nNo math here." document = tmp_path / "report.html" document.write_text(generate_visual_report("Math report", markdown), encoding="utf-8") script = r""" const fs = require('node:fs'), assert = require('node:assert/strict'); let chromium; try { ({chromium} = require('playwright')); } catch (error) { if (error.code === 'MODULE_NOT_FOUND') process.exit(77); throw error; } (async () => { const browser = await chromium.launch({headless:true}); try { const page = await browser.newPage({viewport:{width:Number(process.argv[2]),height:900}}); const origin = process.env.ODYSSEUS_TEST_STATIC_ORIGIN; const errors = [], requests = [], failures = []; page.on('pageerror', e => errors.push(e.message)); page.on('request', r => requests.push(r.url())); page.on('requestfailed', r => failures.push(r.url())); page.on('dialog', async d => { errors.push('Unexpected dialog'); await d.dismiss(); }); const mode = process.argv[3]; if (mode === 'blocked') await page.route('**/static/lib/katex/katex.min.js', r => r.abort()); await page.route(origin + '/report-math-test', r => r.fulfill({ contentType:'text/html', body:fs.readFileSync(process.argv[1], 'utf8') })); await page.goto(origin + '/report-math-test'); if (mode === 'math') { await page.locator('.content .katex-display').first().waitFor({state:'attached'}); await page.waitForFunction(() => !document.querySelector('.ody-math-pending')); assert.equal(await page.locator('.toc-sidebar .katex').count(), 1); assert.equal(await page.locator('.content .katex-error').count(), 1); assert.equal(await page.locator('.content code').innerText(), '$literal$'); assert((await page.locator('.content').innerText()).includes('$5 to $10')); assert.equal(await page.locator('a[href^="javascript:"]').count(), 0); assert.equal(requests.filter(u => u.endsWith('/static/lib/katex/katex.min.js')).length, 1); assert.equal(requests.filter(u => u.endsWith('/static/lib/katex/katex.min.css')).length, 1); assert.equal(await page.evaluate(() => document.documentElement.scrollWidth > innerWidth), false); assert.deepEqual(failures, []); } else if (mode === 'blocked') { await page.waitForFunction(() => performance.getEntriesByType('resource').some(e => e.name.includes('katex.min.js'))); assert((await page.locator('.content .ody-math-pending').first().innerText()).includes('x_i')); assert.equal(await page.locator('.katex').count(), 0); } else { await page.waitForLoadState('networkidle'); assert.equal(requests.some(u => u.includes('/static/lib/katex/')), false); assert.equal(requests.some(u => u.includes('/static/js/markdown.js')), false); } assert.deepEqual(errors, []); assert(requests.every(u => u.startsWith(origin + '/')), JSON.stringify(requests)); console.log(JSON.stringify({mode, width:process.argv[2], requests:requests.length})); } finally { await browser.close(); } })().catch(e => { console.error(e); process.exitCode=1; }); """ result = subprocess.run( ["node", "-e", script, str(document), str(width), mode], cwd=Path(__file__).resolve().parents[1], env=os.environ.copy(), capture_output=True, text=True, timeout=60, ) if result.returncode == 77: pytest.skip("playwright not installed") assert result.returncode == 0, result.stdout + result.stderr assert json.loads(result.stdout)["mode"] == mode