buninu-browser 0.4.0 → 0.5.1

package/lib/style/computed-style.js

@@ -211,6 +211,7 @@ const INITIAL = Object.freeze({
   visibility: "visible",
   // Hit testing only (inherited): "none" lets clicks pass through.
   pointerEvents: "auto",
+  userSelect: "auto",
   // Breaking inside words (CSS Text 3 §5): only with these set.
   overflowWrap: "normal",
   wordBreak: "normal",
@@ -281,8 +282,8 @@ const UA_DECLARATIONS = new Map(Object.entries({
  * fills them in when checked.
  */
 const CONTROL_FONT = "font-size: 13.333px; font-family: sans-serif";
-const FIELD = `${CONTROL_FONT}; border: 1px solid #767676; background-color: white`;
-const BUTTON_LIKE = `${CONTROL_FONT}; border: 1px solid #767676; border-radius: 2px; padding: 1px 6px; background-color: #efefef; text-align: center`;
+const FIELD = `${CONTROL_FONT}; color: black; border: 1px solid #767676; background-color: white`;
+const BUTTON_LIKE = `${CONTROL_FONT}; color: black; border: 1px solid #767676; border-radius: 2px; padding: 1px 6px; background-color: #efefef; text-align: center`;
 const UA_CONTROL_DECLARATIONS = Object.freeze({
   textarea: parseDeclarations(`${FIELD}; font-family: monospace; padding: 2px; white-space: pre-wrap; overflow-wrap: break-word; overflow: auto`),
   text: parseDeclarations(`${FIELD}; padding: 1px 2px; white-space: pre; overflow: hidden`),
@@ -1413,6 +1414,10 @@ function setProperty(style, name, value, parentStyle = null) {
       if (["visible", "hidden", "collapse"].includes(value)) style.visibility = value === "collapse" ? "hidden" : value;
       break;
     // SVG-only values (visiblePainted, fill, ...) hit like auto for HTML boxes.
+    case "user-select":
+    case "-webkit-user-select":
+      if (["auto", "none", "text", "all"].includes(value)) style.userSelect = value;
+      break;
     case "pointer-events":
       if (/^[a-z]+$/i.test(value)) style.pointerEvents = value === "none" ? "none" : "auto";
       break;
@@ -2517,6 +2522,7 @@ function cssValue(style, name) {
       : style.lineHeight == null ? "normal" : `${style.lineHeight}px`,
     "list-style-type": style.listStyleType,
     "pointer-events": style.pointerEvents,
+    "user-select": style.userSelect,
     "text-align": style.textAlign,
     "white-space": style.whiteSpace,
   })[name] ?? style[name];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buninu-browser",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Buninu Browser is a browser engine written in JavaScript and WebAssembly for Bun.",
   "keywords": [
     "buninu",

package/test/audio-connection-lifetime.test.js

@@ -0,0 +1,46 @@
+import {test, expect} from 'bun:test';
+import {SharedAudioConnection} from '../lib/audio/shared-connection.js';
+
+test('audio connection survives one renderer closing, ends with the last owner, and reconnects', async () => {
+  let opened = 0, closed = 0;
+  const pool = new SharedAudioConnection(async () => ({id:++opened, close(){closed++;}}));
+  const a={}, b={};
+  expect(await pool.acquire(a)).toBe(await pool.acquire(b));
+  pool.release(a); await Promise.resolve();
+  expect(closed).toBe(0);
+  pool.release(b); await Promise.resolve();
+  expect(closed).toBe(1);
+  expect((await pool.acquire(a)).id).toBe(2);
+  pool.release(a); await Promise.resolve();
+  expect(closed).toBe(2);
+});
+
+test('closing during authentication does not close or clear a newer connection', async () => {
+  let resolveOld, closed = 0, calls = 0;
+  const pool = new SharedAudioConnection(() => ++calls===1
+    ? new Promise(resolve=>{resolveOld=resolve;})
+    : {close(){closed++;}});
+  const a={},b={};
+  const old=pool.acquire(a); await Promise.resolve();
+  pool.release(a);
+  const current=await pool.acquire(b);
+  resolveOld({close(){closed++;}}); await old; await Promise.resolve();
+  expect(closed).toBe(1);
+  expect(await pool.acquire(b)).toBe(current);
+  pool.release(b); await Promise.resolve();
+  expect(closed).toBe(2);
+});
+
+test('late authentication failure does not invalidate a newer connection', async () => {
+  let rejectOld, calls=0;
+  const pool=new SharedAudioConnection(()=>++calls===1
+    ? new Promise((_,reject)=>{rejectOld=reject;}) : {close(){}});
+  const a={},b={};
+  const old=pool.acquire(a); await Promise.resolve();
+  pool.release(a);
+  const current=await pool.acquire(b);
+  rejectOld(Error('old auth failed'));
+  await expect(old).rejects.toThrow('old auth failed');
+  expect(await pool.acquire(b)).toBe(current);
+  pool.release(b);
+});

package/test/canvas-paint.test.js

@@ -7,3 +7,11 @@ test("canvas bitmaps paint, update without DOM mutations, scale, reset and survi
   expect(stderr).toBe("");
   expect(exit).toBe(0);
 }, 15_000);
+
+test("canvas damage matches full repaint with transparency, clipping and overlapping content", async () => {
+  const child = Bun.spawn([process.execPath, new URL("./fixtures/canvas-damage.js", import.meta.url).pathname],
+    { stdout: "pipe", stderr: "pipe" });
+  const [exit, stderr] = await Promise.all([child.exited, new Response(child.stderr).text()]);
+  expect(stderr).toBe("");
+  expect(exit).toBe(0);
+}, 15_000);

package/test/compare-node-iterator.js

@@ -0,0 +1,42 @@
+// Manual black-box reference check (no Chromium source code copied):
+// bun test/compare-node-iterator.js /usr/local/bin/chromium-headless-shell
+// Optional --snapshot writes Chromium's raw results for the regression test.
+import { mkdtemp, rm } from 'node:fs/promises';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { pathToFileURL } from 'node:url';
+import { RendererHost } from '../lib/renderer/host.js';
+import { nodeIteratorCases } from './fixtures/node-iterator-cases.js';
+
+const binary = process.argv[2] || Bun.which('chromium-headless-shell');
+if (!binary) throw new Error('Pass the Chromium Headless Shell executable as the first argument');
+const dir = await mkdtemp(join(tmpdir(), 'node-iterator-'));
+const host = new RendererHost({timeout:20000,fetch:async()=>new Response('')});
+let child;
+try {
+  const expression = `JSON.stringify((${nodeIteratorCases})())`;
+  const path = join(dir, 'cases.html');
+  await Bun.write(path, `<body><script>document.body.textContent=${expression}</script>`);
+  child = Bun.spawn([binary,'--no-sandbox','--disable-gpu','--dump-dom',pathToFileURL(path).href],
+    {stdout:'pipe',stderr:'ignore'});
+  const html = await new Response(child.stdout).text();
+  if (await child.exited) throw new Error('Chromium failed');
+  const body = html.match(/<body>(.*?)<\/body>/s)?.[1];
+  const chromium = JSON.parse(body?.replaceAll('&lt;','<').replaceAll('&gt;','>').replaceAll('&amp;','&'));
+  await host.call('loadDocument',{url:'https://iterator.test/',source:'<body></body>',contentType:'text/html',status:200});
+  await host.call('whenLoaded');
+  const browser = JSON.parse(await host.call('evaluate',expression));
+  let differences = 0;
+  for (let i = 0; i < chromium.length; i++) {
+    if (!Bun.deepEquals(browser[i], chromium[i])) { differences++;console.log({browser:browser[i],chromium:chromium[i]}); }
+  }
+  console.log(`${chromium.length} cases; ${differences} differences (see node-iterator.test.js for documented DOM-spec exceptions)`);
+  if (process.argv.includes('--snapshot')) {
+    await Bun.write(new URL('./fixtures/node-iterator-chromium.json',import.meta.url),
+      '[\n'+chromium.map(row=>'  '+JSON.stringify(row)).join(',\n')+'\n]\n');
+  }
+} finally {
+  child?.kill();
+  host.close();
+  await rm(dir,{recursive:true,force:true});
+}

package/test/computed-style.test.js

@@ -859,3 +859,15 @@ test("a linked style sheet's url()s resolve against the sheet", () => {
   )).toBe(`a { background: url(https://site.test/css/img/a.png) } b { background: url("https://site.test/b.png") } c { background: url(data:image/png;base64,AA) }
      d { background: url(https://cdn.test/d.png) } e { mask: url(#m) }`);
 });
+
+test("form controls default to readable dark text but author colors still win", () => {
+  const {document,window}=parseHTMLDocument(`<body style="color:lightblue"><textarea></textarea><input><button>Button</button><select><option>Option</option></select><textarea id="inherit" style="color:inherit"></textarea><input id="custom" style="color:red"></body>`);
+  try {
+    const styles=new StyleEngine().compute(document);
+    for(const e of document.querySelectorAll('textarea,input,button,select')) {
+      if(!e.id)expect(styles.get(e).color).toBe('rgba(0, 0, 0, 1)');
+    }
+    expect(styles.get(document.querySelector('#inherit')).color).toBe(styles.get(document.body).color);
+    expect(styles.get(document.querySelector('#custom')).color).toBe('rgba(255, 0, 0, 1)');
+  } finally {window.happyDOM.abort()}
+});

package/test/document-selection.test.js

@@ -0,0 +1,27 @@
+import {test,expect} from 'bun:test';
+import {createBrowser} from '../lib/headless-shell.js';
+test('drag selects document text and controls without stealing canceled mouse gestures',async()=>{
+ let copied='';const b=await createBrowser({spareRenderer:false,clipboard:{read:async()=>copied,write:async text=>{copied=text}}});
+ const c=b.context,run=s=>c.evaluate(s);
+ const down=(x,y)=>c.pointerButton(x,y,272,1),up=(x,y)=>c.pointerButton(x,y,272,0);
+ try{
+ await c.resize(500,300,1);await c.navigate('data:text/html,'+encodeURIComponent('<style>body{margin:0;font:20px monospace}p{margin:0;height:30px}input{font:20px monospace;padding:0;border:0}</style><p id=a>abcdefghij</p><p id=b>klmnopqrst</p><input value="abcdefghij">'));
+ await down(12,12);await c.move(60,12);await up(60,12);
+ expect(await run('getSelection().toString()')).toBe('bcde');
+ await c.press('c',{modifiers:2});for(let i=0;i<50&&!copied;i++)await Bun.sleep(10);expect(copied).toBe('bcde');
+ await down(60,12);await c.move(12,12);await up(12,12);expect(await run('getSelection().toString()')).toBe('bcde');
+ await down(12,12);await c.move(36,42);await up(36,42);expect(await run('getSelection().toString()')).toContain('klm');
+ await down(12,72);await c.move(60,72);await up(60,72);
+ expect(await run('(()=>{const e=document.querySelector("input");return [e.selectionStart,e.selectionEnd]})()')).toEqual([1,5]);
+ await run('document.getElementById("a").onmousedown=e=>e.preventDefault();getSelection().removeAllRanges()');
+ await down(12,12);await c.move(60,12);await up(60,12);expect(await run('getSelection().toString()')).toBe('');
+ await run('getSelection().selectAllChildren(document.getElementById("a"))');expect(await run('getSelection().toString()')).toBe('abcdefghij');
+ expect(await run('document.getSelection()===window.getSelection()')).toBe(true);
+ await run('document.getElementById("a").onmousedown=null;document.getElementById("a").style.userSelect="none";getSelection().removeAllRanges()');
+ await down(12,12);await c.move(60,12);await up(60,12);expect(await run('getSelection().toString()')).toBe('');
+ await run('document.getElementById("a").style.userSelect="text";getSelection().selectAllChildren(document.getElementById("a"))');
+ await run('globalThis.selectedRange=getSelection().getRangeAt(0);getSelection().removeAllRanges();getSelection().addRange(selectedRange)');
+ expect(await run('getSelection().toString()')).toBe('abcdefghij');
+ await Bun.write('/tmp/document-selection.png'  ,Buffer.from(await c.screenshot({format:'png'}),'base64'));
+ }finally{b.close()}
+},30000);

package/test/double-click.test.js

@@ -0,0 +1,85 @@
+import {test,expect} from 'bun:test';
+import {createBrowser} from '../lib/headless-shell.js';
+import {CdpServer} from '../lib/cdp-server.js';
+import {CDP} from '../tools/browser-lab.js';
+import {attachInput} from '../frontends/wayland/input.js';
+import {mkdtempSync,rmSync} from 'node:fs';
+import {join} from 'node:path';
+const html=`<body style="margin:0"><div id="box" style="width:200px;height:100px">Double click</div><script>globalThis.events=[];for(const type of ['mousedown','mouseup','click','dblclick'])document.getElementById('box').addEventListener(type,e=>{globalThis.events.push(type+':'+e.detail);e.preventDefault()})</script>`;
+function pointer(context){
+ let seat,ptr;const errors=[];
+ const client={globals:new Map([['wl_seat',1]]),connection:{closed:false},bind:(n,v,cb)=>{seat=cb;return 1},object:(n,cb)=>{ptr=cb;return 2},request(){}};
+ attachInput(client,{surface:3,closed:false},context,e=>errors.push(e));seat('capabilities',[1]);ptr('enter',[1,3,20,20]);
+ return {event:ptr,errors,tap(time,x=20,y=20){ptr('motion',[time,x,y]);ptr('button',[1,time,272,1]);ptr('button',[2,time+30,272,0]);}};
+}
+const until=async(fn)=>{for(let i=0;i<100;i++){if(await fn())return;await Bun.sleep(20)}throw Error('input did not settle')};
+
+test('CDP clickCount reaches DOM clicks and dblclick after cancelled click',async()=>{
+ const b=await createBrowser({spareRenderer:false});const server=CdpServer.create(b.context).listen(0);
+ const cdp=new CDP(`ws://127.0.0.1:${server.port}/devtools/browser/cdp-server`);
+ try{
+  await cdp.ready;
+  const {targetId}=await cdp.send('Target.createTarget',{url:'data:text/html,'+encodeURIComponent(html)});
+  const {sessionId}=await cdp.send('Target.attachToTarget',{targetId,flatten:true});cdp.sessionId=sessionId;
+  await b.context.navigate('data:text/html,'+encodeURIComponent(html));
+  for(const clickCount of [1,2,3])for(const type of ['mousePressed','mouseReleased'])await cdp.send('Input.dispatchMouseEvent',{type,x:20,y:20,button:'left',clickCount});
+  expect(await b.context.evaluate('events')).toEqual(['mousedown:1','mouseup:1','click:1','mousedown:2','mouseup:2','click:2','dblclick:2','mousedown:3','mouseup:3','click:3']);
+ }finally{cdp.close();server.stop(true);b.close()}
+},30000);
+
+test('Wayland clicks reach HTML and QML double-tap handlers',async()=>{
+ const b=await createBrowser({spareRenderer:false});const dir=mkdtempSync('/tmp/double-click-');
+ try{
+  await b.context.navigate('data:text/html,'+encodeURIComponent(html));
+  const p=pointer(b.context);p.tap(1000);p.tap(1180,28,24);
+  await until(async()=>(await b.context.evaluate('events.length'))===7);
+  expect(await b.context.evaluate('events.at(-1)')).toBe('dblclick:2');expect(p.errors).toEqual([]);
+  await Bun.write(join(dir,'main.qml'),`import QtQuick
+Rectangle {width:200;height:100;color:"white";property int doubles:0
+ Text {id:status;text:"doubles="+parent.doubles}
+ TapHandler {onDoubleTapped:parent.doubles++}
+}`);
+  await b.context.navigate(Bun.pathToFileURL(join(dir,'main.qml')).href);
+  const q=pointer(b.context);q.tap(2000,60,60);q.tap(2180,65,63);
+  await until(async()=>(await b.context.evaluate('document.getElementById("status").textContent'))==='doubles=1');
+  expect(q.errors).toEqual([]);
+ }finally{b.close();rmSync(dir,{recursive:true,force:true})}
+},30000);
+
+test('Wayland count resets on timeout, distance and leave and handles timestamp wrap',async()=>{
+ const counts=[];const p=pointer({click:(x,y,o)=>counts.push(o.clickCount),move(){}});
+ p.tap(0xffffff00);p.tap(0x20);p.tap(1000);p.tap(1100,100,100);
+ p.event('leave',[]);p.event('enter',[1,3,100,100]);p.tap(1150,100,100);
+ await Bun.sleep(0);expect(counts).toEqual([1,2,1,1,1]);
+});
+
+test('CDP and Wayland preserve non-primary buttons without primary activation',async()=>{
+ const b=await createBrowser({spareRenderer:false});const server=CdpServer.create(b.context).listen(0);
+ const cdp=new CDP(`ws://127.0.0.1:${server.port}/devtools/browser/cdp-server`);
+ const dir=mkdtempSync('/tmp/nonprimary-click-');
+ try {
+  await cdp.ready;
+  const url='data:text/html,'+encodeURIComponent(`<body style="margin:0"><a id="box" href="https://example.invalid/" style="display:block;width:200px;height:100px">link</a><script>globalThis.events=[];const box=document.getElementById("box");for(const t of ['mousedown','mouseup','click','auxclick','contextmenu'])box.addEventListener(t,e=>events.push([t,e.button,e.buttons]));box.onauxclick=e=>events.push(['property',e.button]);</script>`);
+  const {targetId}=await cdp.send('Target.createTarget',{url});
+  const {sessionId}=await cdp.send('Target.attachToTarget',{targetId,flatten:true});cdp.sessionId=sessionId;
+  await b.context.navigate(url);
+  for(const type of ['mousePressed','mouseReleased'])await cdp.send('Input.dispatchMouseEvent',{type,x:30,y:40,button:'right',clickCount:1});
+  expect(await b.context.evaluate('events')).toEqual([['mousedown',2,2],['contextmenu',2,2],['mouseup',2,0],['auxclick',2,0],['property',2]]);
+  expect(b.context.url).toBe(url);
+  await b.context.evaluate('events=[]');
+  const p=pointer(b.context);p.event('button',[1,1000,274,1]);p.event('button',[2,1030,274,0]);
+  await until(async()=>(await b.context.evaluate('events.length'))===4);
+  expect(await b.context.evaluate('events')).toEqual([['mousedown',1,4],['mouseup',1,0],['auxclick',1,0],['property',1]]);
+  await Bun.write(join(dir,'main.qml'),`import QtQuick
+Rectangle {width:200;height:100;color:"white"
+ Text {id:status;text:"none"}
+ TapHandler {acceptedButtons:Qt.LeftButton | Qt.RightButton | Qt.MiddleButton;onTapped:(point,button)=>{status.text="button="+button}}
+}`);
+  await b.context.navigate(Bun.pathToFileURL(join(dir,'main.qml')).href);
+  const q=pointer(b.context);
+  for(const [code,expected] of [[273,2],[274,4]]){
+   q.event('button',[1,2000,code,1]);q.event('button',[2,2030,code,0]);
+   await until(async()=>(await b.context.evaluate('document.getElementById("status").textContent'))==='button='+expected);
+  }
+ }finally{cdp.close();server.stop(true);b.close();rmSync(dir,{recursive:true,force:true})}
+},30000);

package/test/fixtures/canvas-damage.js

@@ -0,0 +1,40 @@
+import {strict as assert} from 'node:assert';
+import {createPageRenderer,loadGraphics} from '../../lib/renderer/page-renderer.js';
+const {CanvasKit:kit}=await loadGraphics();
+const traces=[];
+const r=await createPageRenderer({onFrame:()=>{},trace:s=>traces.push(s)});
+async function pixels(){
+ const image=kit.MakeImageFromEncoded(Buffer.from(await r.screenshot(),'base64'));
+ try{return image.readPixels(0,0,{width:image.width(),height:image.height(),colorType:kit.ColorType.RGBA_8888,alphaType:kit.AlphaType.Unpremul,colorSpace:kit.ColorSpace.SRGB})}finally{image.delete()}
+}
+try{
+ r.resize(400,300,1);r.setScripting('host');
+ await r.loadDocument({url:'https://damage.test/',contentType:'text/html',source:`
+ <!doctype html><html><head><style>body{margin:0;background:#abc}.clip{position:absolute;left:30px;top:20px;width:90px;height:80px;overflow:hidden;border-radius:15px;background:yellow}canvas{width:120px;height:100px;opacity:.6}.over{position:absolute;left:50px;top:40px;width:30px;height:30px;background:green}</style></head><body>
+ <div class=clip><canvas width=120 height=100></canvas></div><div class=over></div><p style="position:absolute;top:160px">Preserve text outside canvas</p>
+ <script>globalThis.ctx=document.querySelector('canvas').getContext('2d');</script></body></html>`});
+ await r.whenLoaded();
+ await r.evaluate("ctx.fillRect(0,0,1,1)");
+ await pixels();await Bun.sleep(100);
+ for(const command of ["ctx.fillStyle='red';ctx.fillRect(0,0,120,100)","ctx.clearRect(0,0,120,100);ctx.fillStyle='blue';ctx.fillRect(15,15,20,20)","ctx.clearRect(0,0,120,100)"]){
+  traces.length=0;
+  await r.evaluate(command);
+  const partial=await pixels();
+  assert.ok(traces.some(s=>s.includes('canvas damage')),'exercise the partial paint path');
+  r.resize(401,300,1);r.resize(400,300,1);
+  assert.deepEqual(await pixels(),partial,'partial pixels must match a full repaint, including transparency, clipping and occlusion');
+ }
+ // Geometry/transform changes must fall back, then remain pixel-correct.
+ traces.length=0;
+ await r.evaluate("document.querySelector('.clip').style.transform='scale(1.2)';ctx.fillRect(0,0,80,80)");
+ const transformed=await pixels();
+ assert.ok(!traces.some(s=>s.includes('canvas damage')));
+ r.resize(401,300,1);r.resize(400,300,1);
+ assert.deepEqual(await pixels(),transformed);
+ traces.length=0;
+ await r.evaluate("ctx.clearRect(0,0,120,100)");
+ const cleared=await pixels();
+ assert.ok(!traces.some(s=>s.includes('canvas damage')),'transformed canvas stays on full paint');
+ r.resize(401,300,1);r.resize(400,300,1);
+ assert.deepEqual(await pixels(),cleared);
+}finally{r.dispose()}

package/test/fixtures/fake-renderer.js

@@ -7,6 +7,7 @@ process.on("message", async (message) => {
   if (message?.type !== "call") return;
   const [argument] = message.params;
   switch (message.method) {
+    case "configuration": return process.send({ type: "result", id: message.id, result: { args: process.argv, secret: process.env.BUNINU_TEST_PRIVATE_ENV } });
     case "echo": return process.send({ type: "result", id: message.id, result: { pid: process.pid, argument } });
     case "hang": for (;;) {}
     case "fail": return process.send({ type: "result", id: message.id, error: "Error: page crashed\n    at somewhere" });

package/test/fixtures/fractional-text-scale.js

@@ -0,0 +1,38 @@
+import {strict as assert} from 'node:assert';
+import {createPageRenderer,loadGraphics} from '../../lib/renderer/page-renderer.js';
+const {CanvasKit}=await loadGraphics();
+const original=CanvasKit.ParagraphBuilder.MakeFromFontCollection;
+let checked=0;const missing=[];
+CanvasKit.ParagraphBuilder.MakeFromFontCollection=function(...args){
+ const builder=original.apply(this,args),add=builder.addText.bind(builder),build=builder.build.bind(builder);
+ let text='';
+ builder.addText=value=>{text+=value;return add(value)};
+ builder.build=()=>{
+  const paragraph=build(),layout=paragraph.layout.bind(paragraph);
+  paragraph.layout=width=>{
+   layout(width);
+   if(width<10000 && text.trim()){
+    const last=text.trimEnd().length-1;
+    const rects=paragraph.getRectsForRange(last,last+1,CanvasKit.RectHeightStyle.Max,CanvasKit.RectWidthStyle.Tight);
+    if(!rects.length)missing.push({text,width});
+    checked++;
+   }
+  };
+  return paragraph;
+ };
+ return builder;
+};
+const r=await createPageRenderer({});
+try{
+ for(const scale of [1,1.125,1.25,1.5,2]){
+  r.resize(900,300,scale);
+  await r.loadDocument({url:'https://text.test/',contentType:'text/html',source:`<body style="margin:0">
+   <div style="display:flex;gap:24px;font-size:15.2px"><span>Contact</span><span>Ecosystem</span><span>Contributors</span></div>
+   <div style="display:flex;gap:24px;font-size:14.4px"><span>Buninu Linux</span><span>Long navigation label</span></div>
+   <button style="font:14.4px monospace">Show email address</button>
+   </body>`});
+  await r.whenLoaded();await r.screenshot();
+ }
+ assert.deepEqual(missing,[],'All painted lines must retain their final character');
+ assert.ok(checked>=30,'All scales must exercise painted paragraphs');
+}finally{r.dispose();CanvasKit.ParagraphBuilder.MakeFromFontCollection=original}

package/test/fixtures/node-iterator-cases.js

@@ -0,0 +1,59 @@
+// Runs unchanged in the renderer and Chromium; keep this function standalone.
+export function nodeIteratorCases() {
+  const results = [];
+  const label = n => n ? n.id || n.nodeName : null;
+  for (const tag of ['div', 'form', 'select'])
+    for (const operation of ['remove', 'replace', 'replaceWith', 'self', 'sibling', 'fragment', 'descendant', 'multiple'])
+      for (const position of [0, 1, 2, 3]) for (const before of [false, true]) {
+        const root = document.createElement(tag);root.id = 'root';
+        for (const id of ['a', 'b']) {
+          const node = document.createElement('option');node.id = id;root.append(node);
+        }
+        const nested = document.createElement('span');nested.id = 'nested';root.firstChild.append(nested);
+        const it = document.createNodeIterator(root, 1);
+        for (let i = 0; i <= position; i++) it.nextNode();
+        if (before) it.previousNode();
+        const old = root.firstChild, x = document.createElement('em');x.id = 'x';
+        if (operation === 'remove') old.remove();
+        if (operation === 'replace') root.replaceChild(x, old);
+        if (operation === 'replaceWith') old.replaceWith(x);
+        if (operation === 'self') root.replaceChild(old, old);
+        if (operation === 'sibling') root.replaceChild(root.lastChild, old);
+        if (operation === 'descendant') root.replaceChild(nested, old);
+        if (operation === 'fragment') {
+          const fragment = document.createDocumentFragment();fragment.append(x);
+          const y = document.createElement('em');y.id = 'y';fragment.append(y);
+          root.replaceChild(fragment, old);
+        }
+        if (operation === 'multiple') old.replaceWith(x, old, root.lastChild);
+        results.push([tag, operation, position, before, label(it.referenceNode),
+          it.pointerBeforeReferenceNode, label(it.nextNode()), label(it.previousNode()),
+          [...root.childNodes].map(label).join(',')]);
+      }
+  for (const whatToShow of [0, 1, -1, 4294967297, NaN, Infinity, '1', null, 1n, Object(1n), Symbol('x')]) {
+    try { results.push(['mask', String(whatToShow), document.createNodeIterator(document.body, whatToShow).whatToShow]); }
+    catch (e) { results.push(['mask', String(whatToShow), e.name]); }
+  }
+  for (const verdict of [1, 65537, -65535, NaN, Infinity, '1', null, 1n, Object(1n), Symbol('x')]) {
+    try { results.push(['filter', String(verdict), !!document.createNodeIterator(document.body, 1, () => verdict).nextNode()]); }
+    catch (e) { results.push(['filter', String(verdict), e.name]); }
+  }
+  // Filtering and root types: rejection must not prune descendants.
+  for (const rootKind of ['element', 'fragment', 'text', 'comment', 'doctype'])
+    for (const mask of [0, 1, 4, 128, 0xffffffff]) for (const mode of ['accept', 'reject', 'skip', 'alternating']) {
+      const root = rootKind === 'fragment' ? document.createDocumentFragment()
+        : rootKind === 'text' ? document.createTextNode('text')
+        : rootKind === 'comment' ? document.createComment('comment')
+        : rootKind === 'doctype' ? document.implementation.createDocumentType('html', '', '') : document.createElement('div');
+      if (rootKind === 'element' || rootKind === 'fragment') {
+        const child = document.createElement('b');child.append('text');root.append(child, document.createComment('comment'));
+      }
+      const it = document.createNodeIterator(root, mask, n => mode === 'accept' ? 1
+        : mode === 'reject' ? 2 : mode === 'skip' ? 3 : n.nodeType === 1 ? 2 : 1);
+      const forward = [], backward = [];
+      for (let n; (n = it.nextNode());) forward.push(n.nodeType);
+      for (let n; (n = it.previousNode());) backward.push(n.nodeType);
+      results.push(['walk', rootKind, mask, mode, forward.join(','), backward.join(',')]);
+    }
+  return results;
+}