Add optional compact tagline styling for source context

1 files changed, 39 insertions, 0 deletions

diff --git a/test/web-snapshots/touch.mjs b/test/web-snapshots/touch.mjs
index 8c34b185..4dde2fa4 100644
--- a/test/web-snapshots/touch.mjs
+++ b/test/web-snapshots/touch.mjs
@@ -42,6 +42,42 @@ function styled(frame) {
 
 export default async function ({ grid, touch, wait, stable, delay, evaluate, mouse }) {
     await stable(100, 5000);
+    const compactGeometry = await evaluate(`(() => {
+        const root = document.createElement("div");
+        root.className = "pardes";
+        root.style.cssText = "position:fixed;left:0;top:0;width:20px;height:40px";
+        document.body.append(root);
+        const memory = new WebAssembly.Memory({initial:1});
+        const bytes = new Uint8Array(memory.buffer), data = new DataView(memory.buffer);
+        for (const [base,count] of [[0,4],[1024,6]]) for(let i=0;i<count;i++) {
+            const off=base+i*20; bytes[off]=65+i; bytes[off+18]=1;
+            data.setUint32(off+8,0xffffff,true); data.setUint32(off+12,0x123456,true);
+            if(base && i<2) data.setUint16(off+16,128,true);
+        }
+        const values=[3,2,1,0,0,2,2,42,0,2,1];
+        const wasm={memory,pardes_gui_tagline_font_percent:()=>50,pardes_frame:()=>4,
+            pardes_pointer_shape:()=>0,pardes_frame_cols:()=>2,pardes_frame_rows:()=>2,
+            pardes_frame_ptr:()=>0,pardes_cursor_x:()=>65535,pardes_cursor_y:()=>65535,pardes_cursor_bar:()=>0,
+            pardes_body_layer_limit:()=>1,pardes_body_layer_value:(_,field)=>values[field],pardes_body_layer_cells:()=>1024};
+        const renderer=new pardes.runtime.renderer.constructor(root,wasm);
+        Object.assign(renderer,{cellWidth:10,cellHeight:20,taglineWidth:5,taglineHeight:10});
+        renderer.render();
+        const layer=renderer.layerRoot.firstChild, rect=layer.getBoundingClientRect();
+        const bands=[...layer.children].slice(0,3).map(node=>{
+            const box=node.getBoundingClientRect();return [box.y-rect.y,box.height];
+        });
+        const cursor=layer.querySelector('.is-cursor');
+        renderer.render();
+        const result={bands,height:rect.height,clipped:getComputedStyle(layer).overflow,
+            cursor:cursor?.textContent,cached:renderer.layerRoot.firstChild===layer};
+        root.remove();return result;
+    })()`);
+    assert.deepEqual(compactGeometry.bands, [[0,10],[10,20],[30,20]], "compact headers release real height to additional body rows");
+    assert.equal(compactGeometry.height,40);
+    assert.equal(compactGeometry.clipped,"hidden");
+    assert.equal(compactGeometry.cursor,"E");
+    assert(compactGeometry.cached,"unchanged compact layers reuse their DOM nodes");
+
     let frame = await grid();
     assert.equal(tags(frame).length, 1);
     styled(frame);
@@ -118,6 +154,9 @@ export default async function ({ grid, touch, wait, stable, delay, evaluate, mou
         runtime.wasm = { ...wasm, pardes_mouse: (...args) => {
             events.push(args.slice(0, 2));
             wasm.pardes_mouse(...args);
+        }, pardes_mouse_pixel: (...args) => {
+            events.push(args.slice(0, 2));
+            wasm.pardes_mouse_pixel(...args);
         } };
         const observe = (event) => {
             if (event.type === "pointerdown") pointerDownCanceled.push(event.defaultPrevented);