buninu-browser 0.4.0 → 0.5.1

package/test/wayland-scroll.test.js

@@ -0,0 +1,40 @@
+import {test,expect} from 'bun:test';
+import {mkdtempSync,rmSync} from 'node:fs';
+
+// Opt-in sibling integration, with its own socket; never touches the user's Land.
+test.skipIf(process.env.BUNINU_TEST_WAYLAND!=='1')('Casty SGR wheel -> Land -> browser scrolls both DOM axes',async()=>{
+ const {start}=await import('../../buninu-land/compositor.js');
+ const {mouseWheelEvent}=await import('../../casty/lib/input.js');
+ const {launch}=await import('../frontends/wayland/index.js');
+ const dir=mkdtempSync('/tmp/browser-wheel-'),old=process.env.XDG_RUNTIME_DIR;
+ process.env.XDG_RUNTIME_DIR=dir;let land,app;
+ const wait=async(fn)=>{for(let n=0;n<300;n++){if(await fn())return;await Bun.sleep(20)}throw Error('Scroll timed out')};
+ try{
+  land=await start(['--remote-debugging-port=0','--window-size=640,480']);
+  app=await launch({socket:dir+'/wayland-buninu',url:'data:text/html,'+encodeURIComponent('<style>body{margin:0}#box{width:400px;height:250px;overflow:auto}#content{width:1600px;height:1600px;background:linear-gradient(red,blue)}</style><div id="box"><div id="content"></div></div>')});
+  const state=async()=>JSON.parse(await app.browser.context.evaluate('JSON.stringify([document.getElementById("box").scrollLeft,document.getElementById("box").scrollTop])'));
+  await wait(()=>land.compositor.wm.renderSurfaces().some(s=>s.pixels));
+  const surface=land.compositor.wm.renderSurfaces().find(s=>s.pixels),origin=land.compositor.wm.origin(surface);
+  const wheel=code=>land.context.dispatchMouseEvent(mouseWheelEvent(code,origin.x+100,origin.y+130));
+  wheel(67);await wait(async()=>(await state())[0]>0);
+  const right=await state();expect(right).toEqual([100,0]);
+  wheel(65);await wait(async()=>(await state())[1]>0);
+  const down=await state();expect(down).toEqual([100,100]);
+  wheel(66);await wait(async()=>(await state())[0]<right[0]);
+  wheel(64);await wait(async()=>(await state())[1]<down[1]);
+  expect(await state()).toEqual([0,0]);
+  // Touchpad-like fractional deltas must not be rounded into wheel ticks.
+  land.context.dispatchMouseEvent({type:'mouseWheel',x:origin.x+100,y:origin.y+130,deltaX:12.5,deltaY:7.5});
+  await wait(async()=>(await state())[1]>0);
+  const fractional=await state();
+  expect(fractional[0]).toBeGreaterThan(0);expect(fractional[1]).toBeGreaterThan(0);
+  // Compare the same wheel input with the direct Browser/CDP scroll path.
+  await app.browser.context.scroll(-100,-100,{x:100,y:100});
+  expect(await state()).toEqual([0,0]);
+  await app.browser.context.scroll(12.5,7.5,{x:100,y:100});
+  expect(await state()).toEqual(fractional);
+  await app.browser.context.scroll(-100,-100,{x:100,y:100});
+  await app.browser.context.scroll(100,100,{x:100,y:100});
+  expect(await state()).toEqual(down);
+ }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/wayland-urlbar.test.js

@@ -36,3 +36,26 @@ test('Toolbar raster cache and horizontal scrolling preserve page-independent re
   expect(bar.editor.selectedText.length).toBeGreaterThan(0);
  }finally{bar.dispose();}
 });
+
+test('Wayland chrome forwards page click counts through zoom and bar offset',async()=>{
+ const clicks=[];
+ const bar=new WaylandUrlBar({url:'about:blank',click:(...args)=>clicks.push(args)},{history,close(){},clipboard:{read:async()=>'',write:async()=>{}}});
+ try{
+  bar.zoom=2;
+  await bar.pointerButton(40,bar.height+60,272,1,{clickCount:2});
+  await bar.pointerButton(40,bar.height+60,272,0,{clickCount:2});
+  expect(clicks).toEqual([[20,30,{clickCount:2}]]);
+ }finally{bar.dispose()}
+});
+
+test('Wayland toolbar forwards right/middle page clicks but ignores them on chrome',async()=>{
+ const clicks=[];const bar=new WaylandUrlBar({click:(...a)=>clicks.push(a)},{history});
+ try{
+  for(const code of [273,274]){
+   await bar.pointerButton(40,bar.height+60,code,1);
+   await bar.pointerButton(40,bar.height+60,code,0);
+   await bar.pointerButton(40,5,code,0);
+  }
+  expect(clicks.map(c=>c[2].button)).toEqual(['right','middle']);
+ }finally{bar.dispose()}
+});

package/test/window-resize.test.js

@@ -34,3 +34,32 @@ test('viewport resize notifies window listeners with fresh geometry and repaints
   expect(await host.call('evaluate','propertyEvents')).toBe(2);
  }finally{host.close();}
 },30000);
+
+test('same-pixel-size DPR changes relayout a quiet page and update viewport CSS',async()=>{
+ const host=new RendererHost({timeout:20000});
+ try {
+  await host.call('resize',1920,1035,1);
+  await host.call('loadDocument',{url:'https://resize.test/',contentType:'text/html',source:`
+   <style>body{margin:0}#center{width:1000px;margin:0 auto;height:20px}
+   #units{width:50vw;height:10vh}#media{width:10px}
+   @media(max-width:1400px){#media{width:30px}}</style>
+   <div id="center">Contact — Buninu Linux</div><div id="units"></div><div id="media"></div>`});
+  await host.call('whenLoaded');
+  const geometry=()=>host.call('evaluate',`JSON.stringify(['center','units','media'].map(id=>{
+   const r=document.getElementById(id).getBoundingClientRect();return [r.x,r.width,r.height];
+  }))`);
+  expect(await geometry()).toBe('[[460,1000,20],[0,960,103.5],[0,10,0]]');
+  for(const [width,height,dpr,expected] of [
+   [1280,690,1.5,'[[140,1000,20],[0,640,69],[0,30,0]]'],
+   [1920,1035,1,'[[460,1000,20],[0,960,103.5],[0,10,0]]'],
+   [1280,690,1.5,'[[140,1000,20],[0,640,69],[0,30,0]]'],
+   // DPR-only changes repaint without changing CSS geometry.
+   [1280,690,2,'[[140,1000,20],[0,640,69],[0,30,0]]'],
+  ]) {
+   await host.call('resize',width,height,dpr);
+   expect(await geometry()).toBe(expected);
+   const png=Buffer.from(await host.composite('screenshot',{format:'png'}),'base64');
+   expect([png.readUInt32BE(16),png.readUInt32BE(20)]).toEqual([width*dpr,height*dpr]);
+  }
+ }finally{host.close()}
+},30000);