@geometra/renderer-canvas 1.59.1 → 1.61.0

package/dist/__tests__/visual-regression.test.js

@@ -1,134 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { box, text, setFocus, clearFocus } from '@geometra/core';
-import { CanvasRenderer } from '../renderer.js';
-class FakeGradient {
-    stops = [];
-    addColorStop(offset, color) {
-        this.stops.push({ offset, color });
-    }
-}
-class FakeCtx {
-    ops = [];
-    fillStyle = '';
-    strokeStyle = '';
-    lineWidth = 1;
-    font = '12px sans-serif';
-    textBaseline = 'top';
-    globalAlpha = 1;
-    shadowOffsetX = 0;
-    shadowOffsetY = 0;
-    shadowBlur = 0;
-    shadowColor = '';
-    scale() { this.ops.push('scale'); }
-    setTransform() { this.ops.push('setTransform'); }
-    fillRect() { this.ops.push('fillRect'); }
-    beginPath() { this.ops.push('beginPath'); }
-    rect() { this.ops.push('rect'); }
-    clip() { this.ops.push('clip'); }
-    save() { this.ops.push('save'); }
-    restore() { this.ops.push('restore'); }
-    strokeRect() { this.ops.push('strokeRect'); }
-    fillText() { this.ops.push('fillText'); }
-    measureText(s) { return { width: s.length * 8 }; }
-    createLinearGradient() {
-        this.ops.push('createLinearGradient');
-        return new FakeGradient();
-    }
-}
-/** Extends fake context to record `ctx.font` whenever text is painted (font-sensitive regression). */
-class FontAuditCtx extends FakeCtx {
-    fontsAtFillText = [];
-    fillText() {
-        this.fontsAtFillText.push(this.font);
-        this.ops.push('fillText');
-    }
-}
-function setWindowDpr(devicePixelRatio) {
-    Object.defineProperty(globalThis, 'window', {
-        value: { devicePixelRatio },
-        configurable: true,
-        writable: true,
-    });
-}
-describe('canvas visual operation snapshots', () => {
-    it('emits operations for selection, focus ring, gradient, and clipping', () => {
-        setWindowDpr(1);
-        const ctx = new FakeCtx();
-        const canvas = {
-            style: {},
-            getContext: () => ctx,
-        };
-        const focused = box({ onKeyDown: () => undefined, width: 120, height: 30 }, [
-            text({ text: 'Focused text', font: '14px Inter', lineHeight: 18 }),
-        ]);
-        const tree = box({ gradient: { type: 'linear', stops: [{ offset: 0, color: '#000' }, { offset: 1, color: '#fff' }] } }, [
-            box({ overflow: 'hidden', width: 200, height: 80 }, [focused]),
-        ]);
-        const layout = {
-            x: 0, y: 0, width: 260, height: 120,
-            children: [{
-                    x: 20, y: 20, width: 200, height: 80,
-                    children: [{ x: 0, y: 0, width: 120, height: 30, children: [{ x: 0, y: 0, width: 100, height: 18, children: [] }] }],
-                }],
-        };
-        const renderer = new CanvasRenderer({ canvas, showFocusRing: true });
-        renderer.selection = { anchorNode: 0, anchorOffset: 0, focusNode: 0, focusOffset: 6 };
-        setFocus(focused, layout.children[0].children[0]);
-        renderer.render(layout, tree);
-        clearFocus();
-        expect(ctx.ops).toContain('createLinearGradient');
-        expect(ctx.ops).toContain('clip');
-        expect(ctx.ops).toContain('fillText');
-        expect(ctx.ops).toContain('strokeRect');
-        expect(ctx.ops).toMatchInlineSnapshot(`
-      [
-        "scale",
-        "fillRect",
-        "createLinearGradient",
-        "fillRect",
-        "save",
-        "beginPath",
-        "rect",
-        "clip",
-        "fillRect",
-        "fillText",
-        "fillText",
-        "restore",
-        "save",
-        "beginPath",
-        "rect",
-        "clip",
-        "save",
-        "strokeRect",
-        "restore",
-        "restore",
-        "setTransform",
-      ]
-    `);
-    });
-    it('applies distinct ctx.font values per text node (font stack regression)', () => {
-        setWindowDpr(1);
-        const ctx = new FontAuditCtx();
-        const canvas = {
-            style: {},
-            getContext: () => ctx,
-        };
-        const tree = box({ flexDirection: 'column', gap: 4, padding: 8, width: 220, height: 80 }, [
-            text({ text: 'Inter line', font: '14px Inter, sans-serif', lineHeight: 18 }),
-            text({ text: 'Mono line', font: 'bold 12px ui-monospace, monospace', lineHeight: 16 }),
-        ]);
-        const layout = {
-            x: 0, y: 0, width: 220, height: 80,
-            children: [
-                { x: 8, y: 8, width: 204, height: 18, children: [{ x: 0, y: 0, width: 80, height: 18, children: [] }] },
-                { x: 8, y: 30, width: 204, height: 16, children: [{ x: 0, y: 0, width: 80, height: 16, children: [] }] },
-            ],
-        };
-        const renderer = new CanvasRenderer({ canvas, showFocusRing: false });
-        renderer.render(layout, tree);
-        expect(ctx.fontsAtFillText.length).toBeGreaterThanOrEqual(2);
-        expect(ctx.fontsAtFillText).toContain('14px Inter, sans-serif');
-        expect(ctx.fontsAtFillText).toContain('bold 12px ui-monospace, monospace');
-    });
-});
-//# sourceMappingURL=visual-regression.test.js.map

package/dist/__tests__/visual-regression.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visual-regression.test.js","sourceRoot":"","sources":["../../src/__tests__/visual-regression.test.ts"],"names":[],"mappings":"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"}