Separate discontinuous pinned source context with thin borders

1 files changed, 14 insertions, 2 deletions

diff --git a/test/web-snapshots/touch.mjs b/test/web-snapshots/touch.mjs
index 4dde2fa4..ecd8a9a3 100644
--- a/test/web-snapshots/touch.mjs
+++ b/test/web-snapshots/touch.mjs
@@ -49,12 +49,12 @@ export default async function ({ grid, touch, wait, stable, delay, evaluate, mou
         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++) {
+        for (const [base,count] of [[0,4],[1024,10]]) 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 values=[3,2,1,0,0,2,2,42,0,2,1,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,
@@ -70,6 +70,15 @@ export default async function ({ grid, touch, wait, stable, delay, evaluate, mou
         renderer.render();
         const result={bands,height:rect.height,clipped:getComputedStyle(layer).overflow,
             cursor:cursor?.textContent,cached:renderer.layerRoot.firstChild===layer};
+        values[0]=5;values[2]=3;values[6]=4;values[11]=0;values[12]=1;values[13]=1;
+        renderer.render();
+        const borders=()=>[...renderer.layerRoot.querySelectorAll('[data-context-border]')].map(node=>parseFloat(node.style.top));
+        result.gapBorders=borders();
+        const withGap=renderer.layerRoot.firstChild;
+        values[12]=0;
+        renderer.render();
+        result.closedGapBorders=borders();
+        result.borderChangeInvalidates=renderer.layerRoot.firstChild!==withGap;
         root.remove();return result;
     })()`);
     assert.deepEqual(compactGeometry.bands, [[0,10],[10,20],[30,20]], "compact headers release real height to additional body rows");
@@ -77,6 +86,9 @@ export default async function ({ grid, touch, wait, stable, delay, evaluate, mou
     assert.equal(compactGeometry.clipped,"hidden");
     assert.equal(compactGeometry.cursor,"E");
     assert(compactGeometry.cached,"unchanged compact layers reuse their DOM nodes");
+    assert.deepEqual(compactGeometry.gapBorders,[20,30],"source gaps and final header have separators, consecutive headers do not");
+    assert.deepEqual(compactGeometry.closedGapBorders,[30]);
+    assert(compactGeometry.borderChangeInvalidates,"separator changes invalidate an otherwise unchanged layer");
 
     let frame = await grid();
     assert.equal(tags(frame).length, 1);