buninu-browser 0.3.0 → 0.5.0

package/test/manual-omastorm-shaders.mjs

@@ -0,0 +1,28 @@
+// Offline, CPU-only compatibility probe. Reads upstream GLSL without modifying it.
+import {resolve} from 'node:path';
+import init from '../usr/lib/canvaskit/canvaskit.js';
+import {compileFragment,makeFragmentShader} from '../lib/qml/shader/fragment.js';
+import {fragmentSource} from '../lib/qml/shader/qsb.js';
+const root=resolve(process.argv[2]||'../omastorm');
+const kit=await init({wasmBinary:await Bun.file(new URL('../usr/lib/canvaskit/canvaskit.wasm',import.meta.url)).arrayBuffer()});
+for(const name of ['tile','texture-check','radar','grid']){
+ const c=compileFragment(kit,fragmentSource(await Bun.file(root+'/ui/shaders/'+name+'.frag.qsb').bytes()));
+ try{
+  console.log(name+': CPU-compatible RuntimeEffect compiled');
+  if(!['tile','texture-check'].includes(name))continue;
+  const image=kit.MakeImage({width:2,height:1,colorType:kit.ColorType.RGBA_8888,alphaType:kit.AlphaType.Premul,colorSpace:kit.ColorSpace.SRGB},new Uint8Array([255,0,0,255,255,0,0,255]),8);
+  const child=image.makeShaderOptions(kit.TileMode.Clamp,kit.TileMode.Clamp,kit.FilterMode.Nearest,kit.MipmapMode.None);
+  const shader=makeFragmentShader(c,{width:16,height:16,uniforms:{expected:[2,1],boundaries:[1,0,0,1],water:[0,0,0,0],minorRoads:[0,0,0,0],majorRoads:[0,0,0,0]},textures:{[name==='tile'?'mask':'sweep']:{shader:child,width:2,height:1}}});
+  const surface=kit.MakeSurface(16,16),paint=new kit.Paint();
+  try{
+   paint.setShader(shader);surface.getCanvas().drawRect(kit.XYWHRect(0,0,16,16),paint);surface.flush();
+   const result=surface.makeImageSnapshot();
+   try{
+    const pixel=Array.from(result.readPixels(0,0,{width:1,height:1,colorType:kit.ColorType.RGBA_8888,alphaType:kit.AlphaType.Unpremul,colorSpace:kit.ColorSpace.SRGB}));
+    const expected=name==='tile'?[255,0,0,255]:[0,255,0,255];
+    if(JSON.stringify(pixel)!==JSON.stringify(expected))throw Error(name+' wrong pixel: '+pixel);
+    console.log(name+': CPU pixel '+pixel+' verified');
+   }finally{result.delete();}
+  }finally{paint.delete();surface.delete();shader.delete();child.delete();image.delete();}
+ }finally{c.effect.delete();}
+}

package/test/manual-omastorm-software.mjs

@@ -0,0 +1,25 @@
+// Explicit experiment: copy the application and remove only its GPU policy.
+// Does not alter the checkout, fake GraphicsInfo, or bypass shader/pixel checks.
+import {mkdtemp,cp,readFile,writeFile} from 'node:fs/promises';
+import {resolve} from 'node:path';
+import {tmpdir} from 'node:os';
+const root=resolve(process.argv[2]||'../omastorm');
+const directory=await mkdtemp(resolve(tmpdir(),'omastorm-software-'));
+await cp(root+'/ui',directory+'/ui',{recursive:true});
+const replacements=[
+ ['TextureCheck.qml', /        if \(GraphicsInfo\.api === GraphicsInfo\.Software\) \{\n            fail\("Radar requires GPU rendering \(OpenGL\/Vulkan\)\."\);\n            return;\n        \}\n/],
+ ['RadarMap.qml', /        Component\.onCompleted: if \(GraphicsInfo\.api === GraphicsInfo\.Software\) map\.graphicsError = "Radar requires GPU rendering \(OpenGL\/Vulkan\)\."\n/],
+];
+for(const [file,pattern] of replacements){
+ const path=directory+'/ui/'+file,source=await readFile(path,'utf8');
+ if(!pattern.test(source))throw Error('Upstream policy changed; review '+file+' before modifying it');
+ await writeFile(path,source.replace(pattern,''));
+}
+console.log('Software test copy: '+directory);
+console.log('Original engine must already be running in XDG_RUNTIME_DIR/omastorm.');
+if(process.argv.includes('--prepare-only'))process.exit(0);
+const child=Bun.spawn([process.execPath,new URL('../lib/qml/qswayland',import.meta.url).pathname,'-p',directory+'/ui/shell.qml'],{
+ env:{...process.env,OMASTORM_ROOT:root},stdin:'inherit',stdout:'inherit',stderr:'inherit',
+});
+for(const signal of ['SIGINT','SIGTERM','SIGHUP'])process.on(signal,()=>child.kill(signal));
+process.exitCode=await child.exited;

package/test/manual-pointer-scroll.html

@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="zh-Hant">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>滑鼠與捲動測試</title>
+<style>
+*{box-sizing:border-box}body{margin:0;padding:16px;background:#101923;color:#e4edf5;font:16px sans-serif}h1{font-size:24px}h2{font-size:18px;margin:10px 0}section{padding:14px;margin:16px 0;background:#1c2a38;border:1px solid #446079;border-radius:8px}button,textarea{font:inherit}button{padding:10px;margin:4px;background:#bcebea;color:#102c35;border:0;border-radius:4px}code,pre{font:13px monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}p{line-height:1.5}.box{width:100%;height:220px;border:2px solid #69c7dd;background:#172431}.v{overflow-x:hidden;overflow-y:auto}.h{overflow-x:auto;overflow-y:hidden}.both{overflow:auto}.wide{width:1800px;height:180px;background:linear-gradient(90deg,#375f8b,#426e4d,#9c4f49);padding:20px}.plane{width:1800px;height:1200px;background:repeating-linear-gradient(0deg,transparent,transparent 99px,#7cabc4 100px),repeating-linear-gradient(90deg,#263d52,#263d52 99px,#7cabc4 100px);padding:20px}.row{padding:18px;border-bottom:1px solid #436479}.readout{color:#8de1e8;margin:8px 0}#target{display:block;width:100%;min-height:100px;background:#286a75;color:white}canvas{display:block;width:100%;height:220px;background:#f5fafb;touch-action:none}textarea{width:100%;height:110px}label{display:block;margin:8px 0}
+</style>
+<h1>滑鼠與捲動測試</h1>
+<p>各區獨立捲動。先把游標放在指定區域再操作，觀察位置與事件紀錄。Shift／Ctrl／Alt／Super 是否到達頁面取決於外層終端與系統；本頁不自行交換滾輪軸向。</p>
+<section><h2>1. 垂直捲動</h2><div class="readout" id="v-state"></div><div id="v" class="box v"></div></section>
+<section><h2>2. 水平捲動</h2><div class="readout" id="h-state"></div><div id="h" class="box h"><div class="wide">左端 0 ← 水平 1800 px → 右端<br><br>試水平手勢或 Shift＋滾輪；若事件仍是 deltaY，請看外層終端是否轉換。</div></div></section>
+<section><h2>3. 雙向捲動</h2><div class="readout" id="both-state"></div><div id="both" class="box both"><div class="plane">左上角 (0, 0) — 每格約 100 px；寬 1800、高 1200。</div></div><button id="reset">重設三區捲動</button></section>
+<section><h2>4. 按鍵、雙擊與修飾鍵</h2><p>此按鈕攔截原生右鍵選單，只在這裡記錄 contextmenu。中鍵不捲頁。可按住修飾鍵再點擊。</p><button id="target">左鍵／右鍵／中鍵／雙擊這裡</button><div id="counts" class="readout"></div></section>
+<section><h2>5. 按住左鍵拖曳畫線</h2><p>手機可雙擊並按住第二下拖曳。放開後再移動不應畫線；也可測移出畫布後放開。按住狀態與座標列在下方。</p><canvas id="paint" width="1000" height="300"></canvas><div id="drag" class="readout">尚未按下</div><button id="clear-paint">清除畫布</button></section>
+<section id="text-selection"><h2>6. 文字選取與編輯</h2><p>這段可拖曳選取：春天的河水流過城市，0123456789，The quick brown fox。</p><textarea>第一行：滑鼠點擊定位，Shift＋方向鍵選取。
+第二行：測試 Ctrl-C／Ctrl-V、原生長按貼上。
+第三行：這裡不自行實作 PRIMARY 選取或中鍵貼上。</textarea></section>
+<section><h2>事件紀錄（最多 40 筆）</h2><label><input id="moves" type="checkbox"> 記錄 mousemove（會產生大量事件）</label><button id="clear-log">清除紀錄</button><pre id="log" aria-live="off"></pre></section>
+<script>
+const $=id=>document.getElementById(id), records=[], counts={left:0,right:0,middle:0,double:0};
+function log(e){const mods=['shiftKey','ctrlKey','altKey','metaKey'].filter(k=>e[k]).map(k=>k.replace('Key','')).join('+')||'-';let msg=e.type+' target='+(e.target.id||e.target.tagName)+' button='+e.button+' buttons='+e.buttons+' xy='+Math.round(e.clientX||0)+','+Math.round(e.clientY||0)+' modifiers='+mods;if(e.type==='wheel')msg+=' delta='+e.deltaX+','+e.deltaY+' mode='+e.deltaMode;if(e.type==='click'||e.type==='dblclick'||e.type==='auxclick')msg+=' detail='+e.detail;records.unshift(msg);records.length=Math.min(40,records.length);$('log').textContent=records.join('\n')}
+for(const type of ['mousedown','mouseup','click','dblclick','auxclick','contextmenu','wheel'])document.addEventListener(type,log,{capture:true,passive:true});
+document.addEventListener('mousemove',e=>{if($('moves').checked)log(e)},{passive:true});
+for(let i=0;i<20;i++){const r=document.createElement('div');r.className='row';r.textContent='垂直第 '+(i+1)+' 列';$('v').appendChild(r)}
+for(const id of ['v','h','both']){const box=$(id),update=()=>{$(id+'-state').textContent='scrollLeft='+Math.round(box.scrollLeft)+' / '+Math.max(0,box.scrollWidth-box.clientWidth)+' · scrollTop='+Math.round(box.scrollTop)+' / '+Math.max(0,box.scrollHeight-box.clientHeight)};box.addEventListener('scroll',update);window.addEventListener('resize',update);update()}
+$('reset').onclick=()=>{for(const id of ['v','h','both']){$(id).scrollLeft=0;$(id).scrollTop=0}};
+const count=()=>{$('counts').textContent='左鍵 '+counts.left+' · 右鍵 '+counts.right+' · 中鍵 '+counts.middle+' · 雙擊 '+counts.double};count();
+$('target').onclick=e=>{if(e.button===0){counts.left++;count()}};
+$('target').oncontextmenu=e=>{e.preventDefault();counts.right++;count()};
+$('target').onauxclick=e=>{e.preventDefault();if(e.button===1){counts.middle++;count()}};
+$('target').onmousedown=e=>{if(e.button===1)e.preventDefault()};
+$('target').ondblclick=()=>{counts.double++;count()};
+const canvas=$('paint'),ctx=canvas.getContext('2d');let drawing=false,last=null;
+const point=e=>{const r=canvas.getBoundingClientRect();return [(e.clientX-r.left)*canvas.width/r.width,(e.clientY-r.top)*canvas.height/r.height]};
+canvas.onmousedown=e=>{if(e.button!==0)return;e.preventDefault();drawing=true;last=point(e);$('drag').textContent='按住左鍵'};
+document.addEventListener('mousemove',e=>{if(!drawing)return;if(!(e.buttons&1)){drawing=false;$('drag').textContent='左鍵已放開';return}const p=point(e);ctx.strokeStyle='#136a8b';ctx.lineWidth=3;ctx.beginPath();ctx.moveTo(...last);ctx.lineTo(...p);ctx.stroke();last=p;$('drag').textContent='拖曳 '+p.map(Math.round).join(',')});
+document.addEventListener('mouseup',e=>{if(e.button===0){drawing=false;$('drag').textContent='左鍵已放開'}});
+window.addEventListener('blur',()=>{drawing=false;$('drag').textContent='失焦，停止畫線'});
+$('clear-paint').onclick=()=>ctx.clearRect(0,0,canvas.width,canvas.height);
+$('clear-log').onclick=()=>{records.length=0;$('log').textContent=''};
+</script>
+</html>

package/test/manual-qml-removal.js

@@ -0,0 +1,46 @@
+// Run explicitly: bun test/manual-qml-removal.js
+// Test the ordinary browser after physically removing every QML integration.
+import { cpSync, mkdtempSync, readdirSync, readFileSync, rmSync, symlinkSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+
+const source = Bun.fileURLToPath(new URL('../', import.meta.url));
+const copy = mkdtempSync(join(tmpdir(), 'browser-without-qml-'));
+const files = [
+  'frontends/wayland/index.js',
+  'lib/document-types.js',
+  'lib/headless-shell.js',
+  'lib/renderer/page-renderer.js',
+  'lib/renderer/canvas-2d.js',
+  'lib/render-tree/index.js',
+  'lib/renderer/host.js',
+  'lib/renderer/main.js',
+];
+try {
+  for (const entry of readdirSync(source, { withFileTypes: true })) {
+    if (entry.name.startsWith('.')) continue;
+    const from = join(source, entry.name), to = join(copy, entry.name);
+    if (entry.isDirectory() && !['lib', 'test', 'frontends'].includes(entry.name)) symlinkSync(from, to, 'dir');
+    else cpSync(from, to, { recursive: true });
+  }
+  let blocks = 0;
+  for (const file of files) {
+    const path = join(copy, file);
+    const stripped = readFileSync(path, 'utf8').replace(
+      /^[ \t]*\/\/ qml handle begin:[^\n]*\n[\s\S]*?^[ \t]*\/\/ qml handle end[^\n]*(?:\n|$)/gm,
+      () => { blocks++; return ''; },
+    );
+    if (/qml/i.test(stripped)) throw Error(`QML reference remains in ${file}`);
+    writeFileSync(path, stripped);
+  }
+  rmSync(join(copy, 'lib/qml'), { recursive: true });
+  console.log(`Removed ${blocks} integration blocks and lib/qml in ${copy}`);
+  const child = Bun.spawn([
+    process.execPath, 'test',
+    'test/renderer-host.test.js', 'test/navigation.test.js', 'test/headless-shell.test.js',
+  ], { cwd: copy, stdout: 'inherit', stderr: 'inherit' });
+  const code = await child.exited;
+  if (code) throw Error(`Browser regression tests exited ${code}`);
+} finally {
+  rmSync(copy, { recursive: true, force: true });
+}

package/test/manual-without-qml.js

@@ -0,0 +1,45 @@
+// Run from the browser checkout: bun test/manual-without-qml.js
+// Retains an isolated copy, logs and screenshots for review. No dependencies installed.
+import {cpSync,existsSync,mkdtempSync,readFileSync,readdirSync,rmSync,symlinkSync,writeFileSync} from 'node:fs';
+import {join,relative,resolve} from 'node:path';
+import {tmpdir} from 'node:os';
+const original=resolve(import.meta.dir,'..');
+const dir=mkdtempSync(join(tmpdir(),'browser-without-qml-'));
+const copy=join(dir,'buninu-browser');
+cpSync(original,copy,{recursive:true,filter:path=>!['.git','node_modules'].includes(relative(original,path).split('/')[0])});
+let blocks=0,changed=0;
+function strip(dir){
+ for(const entry of readdirSync(dir,{withFileTypes:true})){
+  const path=join(dir,entry.name);
+  if(entry.isDirectory()){strip(path);continue;}
+  if(!entry.isFile()||!entry.name.endsWith('.js'))continue;
+  const source=readFileSync(path,'utf8');let depth=0,count=0;const lines=[];
+  for(const line of source.split('\n')){
+   if(/^\s*\/\/ qml handle begin\b/.test(line)){depth++;count++;continue;}
+   if(/^\s*\/\/ qml handle end\b/.test(line)){if(--depth<0)throw Error('Unmatched end: '+path);continue;}
+   if(!depth)lines.push(line);
+  }
+  if(depth)throw Error('Unclosed handle: '+path);
+  if(count){writeFileSync(path,lines.join('\n'));blocks+=count;changed++;}
+ }
+}
+strip(copy);
+rmSync(join(copy,'lib/qml'),{recursive:true});
+if(existsSync(join(copy,'lib/qml')))throw Error('QML directory still exists');
+// Only the test compositor is external; every browser module comes from the copy.
+symlinkSync(resolve(original,'../buninu-land'),join(dir,'buninu-land'),'dir');
+console.log(JSON.stringify({dir,copy,removedBlocks:blocks,changedFiles:changed,qmlDirectoryRemoved:true}));
+async function command(args,cwd,log){
+ const out=Bun.file(join(dir,log));
+ const p=Bun.spawn([process.execPath,...args],{cwd,env:{...process.env,BUNINU_TEST_WAYLAND:'1'},stdout:out,stderr:out});
+ const code=await p.exited;console.log(log,code);if(code!==0)throw Error('Failed: '+log);
+}
+await command(['test','test/text-input.test.js','test/text-input-pointer.test.js','test/text-input-scroll.test.js','test/clipboard.test.js','test/html-clipboard-wayland.test.js','test/wayland-urlbar.test.js','test/wayland-frontend.test.js'],copy,'tests.log');
+// Deterministic rendered fixture: compare full PNG bytes with and without QML.
+const fixture=`<!doctype html><meta charset="utf-8"><title>HTML rendering without QML</title><style>body{margin:24px;background:#eef4f7;color:#183440;font:18px sans-serif}input,textarea{display:block;box-sizing:border-box;width:440px;margin:12px 0;padding:8px;border:1px solid #65899b;font:18px monospace}textarea{height:140px}canvas{border:1px solid #65899b}</style><h1>一般網頁 · HTML</h1><p>中文排版、選取、游標與 Canvas</p><input id="field" value="abc 中文 😀 xyz"><textarea>第一行：Hello\n第二行：選取與貼上\n第三行：12345</textarea><canvas id="picture" width="220" height="70"></canvas><script>const c=document.getElementById('picture').getContext('2d');c.fillStyle='#19a7a0';c.fillRect(0,0,220,70);c.fillStyle='white';c.font='20px sans-serif';c.fillText('Canvas 正常',12,42);const f=document.getElementById('field');f.focus();f.setSelectionRange(4,6);</script>`;
+const fixturePath=join(dir,'fixture.html');writeFileSync(fixturePath,fixture);
+await command(['index.js','--headless','--window-size=640,480','--screenshot='+join(dir,'original.png'),Bun.pathToFileURL(fixturePath).href],original,'original-render.log');
+await command(['index.js','--headless','--window-size=640,480','--screenshot='+join(dir,'without-qml.png'),Bun.pathToFileURL(fixturePath).href],copy,'without-qml-render.log');
+const before=readFileSync(join(dir,'original.png')),after=readFileSync(join(dir,'without-qml.png'));
+if(!before.equals(after))throw Error('Rendering differs: compare screenshots in '+dir);
+console.log('PASS: HTML tests and byte-identical rendered PNG; artifacts retained at '+dir);

package/test/pointer-drag.test.js

@@ -0,0 +1,104 @@
+import {test,expect} from 'bun:test';
+import {mkdtempSync,rmSync} from 'node:fs';
+import {createBrowser} from '../lib/headless-shell.js';
+import {CdpServer} from '../lib/cdp-server.js';
+import {CDP,launch} from '../tools/browser-lab.js';
+import {WaylandUrlBar} from '../frontends/wayland/urlbar.js';
+
+const source=`<style>body{margin:0}#box{width:300px;height:160px}#a,#b{display:inline-block;width:100px;height:100px}canvas{display:block}</style>
+<div id="box"><span id="a">A</span><span id="b">B</span></div><input id="field" value="hello"><canvas id="paint" width="300" height="100"></canvas>
+<script>
+globalThis.paint=document.getElementById("paint");globalThis.a=document.getElementById("a");globalThis.field=document.getElementById("field");
+globalThis.events=[];globalThis.cancelDown=false;globalThis.cancelPointer=false;
+for(const type of ['pointerdown','mousedown','pointermove','mousemove','pointerup','mouseup','click','auxclick'])document.addEventListener(type,e=>{events.push([type,e.target.id,e.button,e.buttons,e.shiftKey]);if(type==='mousedown'&&cancelDown)e.preventDefault();if(type==='pointerdown'&&cancelPointer)e.preventDefault()});
+let drawing=false;const ctx=paint.getContext('2d');paint.onmousedown=()=>drawing=true;document.addEventListener('mouseup',()=>drawing=false);paint.onmousemove=e=>{if(drawing&&(e.buttons&1)){ctx.fillStyle='red';ctx.fillRect(0,0,20,20)}};
+</script>`;
+async function check(c){
+ await c.send('Page.navigate',{url:'data:text/html,'+encodeURIComponent(source)});
+ for(let i=0;i<200;i++){if(await c.evaluate('!!document.getElementById("paint")'))break;await Bun.sleep(20)}
+ const send=(type,x=20,y=20,extra={})=>c.send('Input.dispatchMouseEvent',{type,x,y,button:'left',buttons:type==='mouseReleased'?0:1,clickCount:1,...extra});
+ await send('mouseMoved',20,20,{buttons:0,button:'none'});await c.evaluate('events=[]');
+ await send('mousePressed',20,20,{modifiers:8});
+ expect(await c.evaluate('events')).toEqual([['pointerdown','a',0,1,true],['mousedown','a',0,1,true]]);
+ await send('mouseMoved',40,40,{modifiers:8});
+ expect((await c.evaluate('events')).slice(-2)).toEqual([['pointermove','a',-1,1,true],['mousemove','a',0,1,true]]);
+ await send('mouseReleased',40,40,{modifiers:8});
+ expect((await c.evaluate('events')).slice(-3)).toEqual([['pointerup','a',0,0,true],['mouseup','a',0,0,true],['click','a',0,0,true]]);
+ // Sibling press/release activates the common ancestor, never the release sibling.
+ await c.evaluate('events=[]');await send('mousePressed');await send('mouseReleased',140,20);
+ expect((await c.evaluate('events')).at(-1)).toEqual(['click','box',0,0,false]);
+ // A disconnected press target cannot activate another element on release.
+ await send('mousePressed');await c.evaluate('a.remove();events=[]');await send('mouseReleased');
+ expect((await c.evaluate('events')).some(e=>e[0]==='click')).toBe(false);
+ // Canceled mousedown must not focus the editor; normal focus happens on press.
+ const rect=await c.evaluate('field.getBoundingClientRect().toJSON()');
+ await c.evaluate('cancelDown=true');await send('mousePressed',rect.x+10,rect.y+8);
+ expect(await c.evaluate('document.activeElement.id')).not.toBe('field');await send('mouseReleased',rect.x+10,rect.y+8);
+ await c.evaluate('cancelDown=false');await send('mousePressed',rect.x+10,rect.y+8);
+ expect(await c.evaluate('document.activeElement.id')).toBe('field');await send('mouseReleased',rect.x+10,rect.y+8);
+ // pointerdown cancellation suppresses compatibility mouse events, not click.
+ await c.evaluate('cancelPointer=true;events=[]');await send('mousePressed',20,20);await send('mouseMoved',30,30);await send('mouseReleased',30,30);
+ expect((await c.evaluate('events')).map(e=>e[0])).toEqual(['pointerdown','pointermove','pointerup','click']);
+ await c.evaluate('cancelPointer=false;events=[]');
+ // The same canvas drawing contract as the manual test, checked before release.
+ const paint=await c.evaluate('paint.getBoundingClientRect().toJSON()');
+ await send('mousePressed',paint.x+20,paint.y+20);await send('mouseMoved',paint.x+40,paint.y+40);
+ expect(await c.evaluate('Array.from(paint.getContext("2d").getImageData(5,5,1,1).data)')).toEqual([255,0,0,255]);
+ await send('mouseReleased',paint.x+40,paint.y+40);await send('mouseMoved',20,20,{buttons:0,button:'none'});
+ expect((await c.evaluate('events')).at(-1)[3]).toBe(0);
+}
+test('CDP real pointer phases preserve dragging, focus and click targets',async()=>{
+ const b=await createBrowser({spareRenderer:false}),server=CdpServer.create(b.context).listen(0),c=new CDP(`ws://127.0.0.1:${server.port}/devtools/browser/cdp-server`);
+ try{await check(c)}finally{c.close();server.stop(true);b.close()}
+},30000);
+test.skipIf(process.env.BUNINU_TEST_CHROMIUM!=='1')('Chromium reference uses the same pointer event contract',async()=>{
+ const dir=mkdtempSync('/tmp/pointer-chromium-');let app;
+ try{app=await launch('chromium',dir);await check(app.cdp)}finally{await app?.stop();rmSync(dir,{recursive:true,force:true})}
+},30000);
+test('Wayland toolbar sends real press and motion before release, including over chrome',async()=>{
+ const b=await createBrowser({spareRenderer:false});const bar=new WaylandUrlBar(b.context,{history:{list:()=>[],add(){}}});
+ try{
+  await b.context.navigate('data:text/html,'+encodeURIComponent(source));
+  await bar.pointerButton(20,bar.height+20,272,1,{clickCount:1});
+  expect((await b.context.evaluate('events')).map(e=>e[0])).toEqual(['pointerdown','mousedown']);
+  await bar.move(40,bar.height+40);
+  expect((await b.context.evaluate('events')).at(-1)[3]).toBe(1);
+  await bar.pointerButton(40,0,272,0,{clickCount:1});
+  await bar.move(40,bar.height+40);
+  expect((await b.context.evaluate('events')).at(-1)[3]).toBe(0);
+  expect(bar.editor.editing).toBe(false);
+ }finally{bar.dispose();b.close()}
+},30000);
+
+test.skipIf(process.env.BUNINU_TEST_WAYLAND!=='1')('real Wayland pointer draws on the unchanged manual test page',async()=>{
+ const {start}=await import('../../buninu-land/compositor.js');
+ const {launch:wayland}=await import('../frontends/wayland/index.js');
+ const dir=mkdtempSync('/tmp/pointer-wayland-'),saved=process.env.XDG_RUNTIME_DIR;
+ process.env.XDG_RUNTIME_DIR=dir;let land,app;
+ const until=async fn=>{for(let n=0;n<200;n++){if(await fn())return;await Bun.sleep(20)}throw Error('Wayland pointer timed out')};
+ try{
+  land=await start(['--remote-debugging-port=0','--window-size=800,700']);
+  app=await wayland({socket:dir+'/wayland-buninu',url:Bun.pathToFileURL(new URL('./manual-pointer-scroll.html',import.meta.url).pathname).href});
+  const c=app.browser.context;
+  await until(()=>land.compositor.wm.renderSurfaces().some(s=>s.pixels));
+  const top=await c.evaluate('document.getElementById("paint").getBoundingClientRect().top');
+  await c.scroll(0,top-100);
+  const rect=await c.evaluate('document.getElementById("paint").getBoundingClientRect().toJSON()');
+  const surface=land.compositor.wm.renderSurfaces().find(s=>s.pixels),origin=land.compositor.wm.origin(surface);
+  const x=origin.x+rect.x+40,y=origin.y+app.toolbar.height+rect.y+40;
+  land.context.dispatchMouseEvent({type:'mouseMoved',x,y});
+  land.context.dispatchMouseEvent({type:'mousePressed',x,y,button:'left',buttons:1});
+  await until(async()=>(await c.evaluate('document.getElementById("drag").textContent'))==='按住左鍵');
+  land.context.dispatchMouseEvent({type:'mouseMoved',x:x+80,y:y+40,button:'left',buttons:1});
+  await until(async()=>await c.evaluate('(()=>{const c=document.getElementById("paint");return c.getContext("2d").getImageData(0,0,c.width,c.height).data.some((v,i)=>i%4===3&&v>0)})()'));
+  land.context.dispatchMouseEvent({type:'mouseReleased',x:x+80,y:y+40,button:'left',buttons:0});
+  await until(async()=>(await c.evaluate('document.getElementById("drag").textContent'))==='左鍵已放開');
+  expect(await c.evaluate('document.getElementById("log").textContent')).toContain('mousedown');
+ }finally{app?.close();land?.close();if(saved===undefined)delete process.env.XDG_RUNTIME_DIR;else process.env.XDG_RUNTIME_DIR=saved;rmSync(dir,{recursive:true,force:true})}
+},30000);
+
+test('pointer bursts preserve drawing points while batching raster work',async()=>{
+ const child=Bun.spawn([process.execPath,new URL('./fixtures/pointer-paint-batching.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);
+},15000);

package/test/qml-canvas-dom.test.js

@@ -0,0 +1,37 @@
+import { test, expect } from 'bun:test';
+
+for (const mode of ['local', 'html', 'remote']) test(`DOM canvas snapshots: ${mode}`, async () => {
+  const child = Bun.spawn([process.execPath, new URL('./fixtures/qml-canvas-dom.js', import.meta.url).pathname, mode],
+    { stdout: 'pipe', stderr: 'pipe' });
+  const [exit, stdout, stderr] = await Promise.all([child.exited, new Response(child.stdout).text(), new Response(child.stderr).text()]);
+  expect({ exit, stdout, stderr }).toEqual({ exit: 0, stdout: '', stderr: '' });
+}, 30000);
+
+// Native ownership must be released on both painting and argument failures.
+import { captureQmlDomImage, drawQmlDomImage } from '../lib/qml/canvas-dom.js';
+test('DOM snapshot surfaces and images are released on success and exceptions', () => {
+  const document = {};
+  const element = { nodeType: 1, ownerDocument: document, isConnected: true, contains: target => target === element };
+  const root = { id: 1, domNode: element, children: [], style: {} };
+  let disposed = 0, deleted = 0, drawn = 0;
+  const options = {
+    document, tree: { root, nodesById: new Map([[1, root]]) },
+    layout: { boxes: [{ nodeId: 1, x: 0, y: 0, width: 10, height: 10, style: {} }], fragments: [], width: 10, height: 10 },
+    resources: new Map(), isOriginClean: () => true, paint: () => {},
+    kit: { TRANSPARENT: 0, MakeSurface: () => ({ getCanvas: () => ({ clear() {} }), flush() {},
+      makeImageSnapshot: () => ({ delete() { deleted++; } }), dispose() { disposed++; } }) },
+  };
+  const first = captureQmlDomImage(element, options);
+  expect(disposed).toBe(1);expect(deleted).toBe(0);
+  expect(drawQmlDomImage(first, {}, { drawImage() { drawn++; } }, [element, 0, 0])).toBe(true);
+  expect(drawn).toBe(1);expect(deleted).toBe(1);
+  expect(drawQmlDomImage(first, {}, {}, [])).toBe(false);
+  const second = captureQmlDomImage(element, options);
+  expect(() => drawQmlDomImage(second, {}, { drawImage() { throw Error('invalid arguments'); } }, [])).toThrow('invalid arguments');
+  expect(deleted).toBe(2);
+  const third = captureQmlDomImage(element, options);
+  expect(() => drawQmlDomImage(third, element, {}, [])).toThrow('contains the destination');
+  expect(deleted).toBe(3);
+  expect(() => captureQmlDomImage(element, { ...options, paint() { throw Error('paint failed'); } })).toThrow('paint failed');
+  expect(disposed).toBe(4);expect(deleted).toBe(3);
+});

package/test/qml-canvas.test.js

@@ -0,0 +1,21 @@
+import {test,expect} from 'bun:test';
+import {RendererHost} from '../lib/renderer/host.js';
+test('QML Canvas paints into HTML canvas and repaints after resize and property changes',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try{
+  await host.start();
+  await host.call('loadDocument',{url:'data:text/x-qml,canvas',contentType:'text/x-qml',source:`import QtQuick
+Canvas {id: c; width:16;height:16;property color ink:"red"
+onInkChanged:requestPaint()
+onPaint:{var ctx=getContext("2d");ctx.reset();ctx.fillStyle=ink;ctx.fillRect(0,0,width,height);globalThis.paints=(globalThis.paints||0)+1;}
+Component.onCompleted:globalThis.canvasObject=c
+}`});
+  await host.call('whenLoaded');
+  for(let i=0;i<100;i++){if(await host.call('evaluate','globalThis.paints>0'))break;await Bun.sleep(10);}
+  expect(await host.call('evaluate','Array.from(document.querySelector("canvas").getContext("2d").getImageData(8,8,1,1).data)')).toEqual([255,0,0,255]);
+  await host.call('evaluate','canvasObject.ink="blue";canvasObject.width=32;canvasObject.requestPaint();canvasObject.requestPaint()');
+  for(let i=0;i<100;i++){if(await host.call('evaluate','document.querySelector("canvas").width===32 && globalThis.paints>1'))break;await Bun.sleep(10);}
+  expect(await host.call('evaluate','Array.from(document.querySelector("canvas").getContext("2d").getImageData(24,8,1,1).data)')).toEqual([0,0,255,255]);
+  expect(await host.call('evaluate','canvasObject.available')).toBe(true);
+ }finally{host.close();}
+},20000);

package/test/qml-clipboard-bridge.test.js

@@ -0,0 +1,25 @@
+import {test,expect} from 'bun:test';
+import {attachQmlClipboard} from '../lib/qml/wayland-clipboard.js';
+test('QML clipboard endpoint is lazy, reused and closed; HTML navigation needs none',async()=>{
+ let finish;const done=new Promise(r=>finish=r),scripts=[],visits=[];
+ const navigate=async url=>visits.push(url);
+ const browser={context:{navigate,addInitScript:async s=>scripts.push(s)}};
+ const client={clipboard:{read:async()=> 'text',write:async()=>{}}};
+ try{
+  await attachQmlClipboard(client,browser,done);
+  await browser.context.navigate('about:blank');
+  await browser.context.navigate('https://example.test/');
+  expect(scripts.length).toBe(0);
+  await browser.context.navigate('file:///tmp/app.qml');
+  expect(scripts.length).toBe(1);
+  await browser.context.navigate('file:///tmp/other.qml');
+  expect(scripts.length).toBe(1);
+  const endpoint=JSON.parse(scripts[0].match(/setClipboardEndpoint\((.*)\);/)[1]);
+  const response=await fetch(endpoint,{method:'POST',body:JSON.stringify({operation:'read'})});
+  expect(await response.json()).toEqual({text:'text'});
+  expect(visits.length).toBe(4);
+  finish();await Bun.sleep(5);
+  expect(browser.context.navigate).toBe(navigate);
+  await expect(fetch(endpoint,{method:'POST',body:'{}'})).rejects.toThrow();
+ }finally{finish();}
+});

package/test/qml-clipboard-wayland.test.js

@@ -0,0 +1,40 @@
+import {test,expect} from 'bun:test';
+import {mkdtempSync,rmSync} from 'node:fs';
+import {join} from 'node:path';
+import {launch} from '../frontends/wayland/index.js';
+test.skipIf(process.env.BUNINU_TEST_WAYLAND!=='1')('QML uses shared input defaults and exchanges text through Land on demand',async()=>{
+ const {start}=await import('../../buninu-land/compositor.js');
+ const dir=mkdtempSync('/tmp/qml-clipboard-'),old=process.env.XDG_RUNTIME_DIR;
+ let land,app;const writes=[];
+ const wait=async fn=>{for(let i=0;i<200;i++){if(await fn())return;await Bun.sleep(25);}throw Error('Clipboard did not settle');};
+ try {
+  process.env.XDG_RUNTIME_DIR=dir;
+  await Bun.write(join(dir,'main.qml'),`import QtQuick
+Rectangle {width:400;height:150;color:"white"
+TextInput {id:field;x:10;y:10;width:300;height:30;text:"abc中文"}
+Button {id:all;x:10;y:70;onClicked:{field.forceActiveFocus();field.selectAll()}}
+Button {id:copy;x:100;y:70;onClicked:field.copy()}
+}`);
+  land=await start(['--remote-debugging-port=0','--window-size=640,480']);
+  land.compositor.clipboard.host={write:async text=>writes.push(text),read:async()=>{throw Error('Unexpected external read');},close(){}};
+  app=await launch({url:'about:blank',chrome:false,socket:join(dir,'wayland-buninu')});
+  await app.browser.context.navigate(Bun.pathToFileURL(join(dir,'main.qml')).href);
+  const run=s=>app.browser.context.evaluate(s);
+  await wait(()=>app.client.clipboard.serial>0);
+  await run(`document.getElementById('all').click()`);
+  const key=async(key,modifiers=0)=>{
+    for(const type of ['keyDown','keyUp'])land.context.dispatchKeyEvent({type,key,code:'Key'+key.toUpperCase(),modifiers});
+    await Bun.sleep(100);
+  };
+  await key('c',2);await wait(()=>writes.length>0);expect(writes.at(-1)).toBe('abc中文');
+  await key('ArrowRight');await key('v',2);
+  await wait(async()=>await run(`document.getElementById('field').value`)==='abc中文abc中文');
+  await key('a',2);await key('x',2);
+  await wait(async()=>await run(`document.getElementById('field').value`)==='');
+  expect(writes.at(-1)).toBe('abc中文abc中文');
+  await key('v',2);await wait(async()=>await run(`document.getElementById('field').value`)==='abc中文abc中文');
+  await run(`document.getElementById('all').click()`);
+  const before=writes.length;await run(`document.getElementById('copy').click()`);
+  await wait(()=>writes.length>before);expect(writes.at(-1)).toBe('abc中文abc中文');
+ }finally{app?.close();land?.close();if(old===undefined)delete process.env.XDG_RUNTIME_DIR;else process.env.XDG_RUNTIME_DIR=old;rmSync(dir,{recursive:true,force:true});}
+},30000);

package/test/qml-connections-timing.test.js

@@ -0,0 +1,95 @@
+import {test,expect} from 'bun:test';
+import {RendererHost} from '../lib/renderer/host.js';
+
+test('Connections catches first synchronous Loader request and follows same-handler target/enabled changes',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try{
+  await host.start();
+  await host.call('loadDocument',{url:'data:text/x-qml,connections-timing',contentType:'text/x-qml',source:`import QtQuick
+Rectangle {
+ id:root;width:300;height:200;property int received:0;property bool enabledLink:true;property int phase:0
+ Component {id:dialog;Item {signal requested();function open(){requested()}}}
+ Loader {id:loader;active:false;sourceComponent:dialog}
+ Connections {target:loader.item;enabled:root.enabledLink;function onRequested(){root.received++}}
+ Text {id:status;text:root.received}
+ onClicked:{
+  if(phase===0){loader.active=true;loader.item.open()}
+  else if(phase===1){root.enabledLink=false;loader.item.open()}
+  else if(phase===2){root.enabledLink=true;loader.item.open()}
+  else if(phase===3){loader.active=false;loader.active=true;loader.item.open()}
+  else loader.item.open()
+  phase++
+ }
+}`});
+  await host.call('whenLoaded');
+  for(const count of [1,1,2,3,4]){
+   await host.call('evaluate',"document.getElementById('root').click()");
+   expect(await host.call('evaluate',"Number(document.getElementById('status').textContent)")).toBe(count);
+  }
+ }finally{host.close()}
+},30000);
+
+test('synchronous Loader reaches indirect item bindings before open returns',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try{
+  await host.start();
+  await host.call('loadDocument',{url:'data:text/x-qml,loader-chain',contentType:'text/x-qml',source:`import QtQuick
+Rectangle {
+ id:root;width:300;height:200;property int received:0
+ readonly property var quickLook:loader.item
+ property var preview:root.quickLook
+ Component {id:dialog;Item {signal requested();function open(){requested()}}}
+ Loader {id:loader;active:false;sourceComponent:dialog}
+ Connections {target:loader.item;function onRequested(){root.received++}}
+ Text {id:status;text:root.received}
+ onClicked:{loader.active=true;root.preview.open()}
+}`});
+  await host.call('whenLoaded');
+  await host.call('evaluate',"document.getElementById('root').click()");
+  expect(await host.call('evaluate',"Number(document.getElementById('status').textContent)")).toBe(1);
+ }finally{host.close()}
+},30000);
+
+test('initial property handlers can call child ListView methods in a lazy component',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try{
+  await host.start();
+  await host.call('loadDocument',{url:'data:text/x-qml,loader-child-methods',contentType:'text/x-qml',source:`import QtQuick
+Rectangle {
+ id:root;width:300;height:200;property int result:-9
+ Component {id:preview;Item {
+  property bool wrap:true
+  onWrapChanged:root.result=list.indexAt(0,1)
+  ListView {id:list;width:100;height:100;model:2;delegate:Rectangle {height:20;width:100}}
+ }}
+ Loader {id:loader;active:false;sourceComponent:preview}
+ Text {id:status;text:root.result}
+ onClicked:loader.active=true
+}`});
+  await host.call('whenLoaded');
+  await host.call('evaluate',"document.getElementById('root').click()");
+  expect(await host.call('evaluate',"Number(document.getElementById('status').textContent)")).toBe(0);
+ }finally{host.close()}
+},30000);
+
+test('property Changed.connect synchronizes menu state before same-handler validation',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try{
+  await host.start();
+  await host.call('loadDocument',{url:'data:text/x-qml,menu-validation',contentType:'text/x-qml',source:`import QtQuick
+Rectangle {
+ id:root;width:300;height:200;property int result:-1;property int changes:0
+ property bool preparing:false
+ readonly property bool live:root.preparing || menu.opened
+ Item {id:menu;property bool preparing:false;property bool opened:false;property int count:root.live ? 1 : 0}
+ Component.onCompleted:menu.preparingChanged.connect(function(){root.preparing=menu.preparing;root.changes++})
+ Text {id:status;text:root.result+":"+root.changes+":"+menu.count}
+ onClicked:{menu.preparing=true;root.result=menu.count;menu.preparing=false}
+}`});
+  await host.call('whenLoaded');
+  for(const changes of [2,4,6]){
+   await host.call('evaluate',"document.getElementById('root').click()");
+   expect(await host.call('evaluate',"document.getElementById('status').textContent")).toBe('1:'+changes+':0');
+  }
+ }finally{host.close()}
+},30000);