openpencil/tests/e2e
Danila Poyarkov 8ab7148294
Fix effects rendering: shadows, blur, spread (#24)
* Fix shadow rendering, implement blur effects, add spread support

- Fix drop shadow rendering order: draw shadows before fills so they
  appear behind opaque shapes instead of on top (#23.1)
- Implement shadow spread: expand/contract shadow shape by spread value
  for both drop shadow and inner shadow (#23.2)
- Implement background blur: clip to node shape and apply blur filter
  to content behind the node (#23.3)
- Fix text shadows: use saveLayer with ColorFilter.MakeBlend to apply
  shadows to text glyphs instead of the bounding box (#23.4)
- Implement layer blur with actual saveLayer + blur filter instead of
  the no-op comment (#23.3)
- Implement foreground blur: clip to node shape and blur content in
  front (#23.7)
- Add inner shadow spread support with rounded rect handling
- Add makeRRectWithSpread and makeRRectWithOffset helpers

Closes #23

* Add Effects section to demo showcasing shadow and blur fixes

Drop shadows (subtle, medium, heavy, with spread), inner shadows
(inset, with spread, on ellipse, combined), text shadows on glyphs,
layer blur, and glassmorphism background blur card.

* Fix drop shadow, layer blur, and background blur rendering

Drop shadow: use MakeDropShadowOnly to produce shadow-only output
that doesn't bleed through opaque fills. The sigma is radius/2 to
match Figma's blur convention.

Layer blur: wrap entire node content in a saveLayer with blur filter
at the renderNode level instead of trying to blur after-the-fact
in renderEffects.

Background/foreground blur: extract clipNodeShape helper to reduce
duplication in blur effect rendering.

Update tests to match new rendering approach.

* Add visual regression tests for effects rendering

9 snapshot tests covering drop shadow, inner shadow, spread,
ellipse shapes, text glyphs, layer blur, and combined effects.

* Make Effects demo section background white

* Clean up renderer code and tests

- Extract applyClippedBlur to deduplicate background/foreground blur
- Remove comments that repeat what code does
- Format with oxfmt

* Add undo/redo support for effect property changes

ScrubInput controls (offset, radius, spread, opacity) now use
scrubEffect for live preview and commitEffect on release to create
a single undo entry per interaction.
2026-03-03 09:53:39 +03:00
..
create-shapes.spec.ts-snapshots Canvas rulers with selection highlight 2026-02-28 09:35:50 +03:00
effects.spec.ts-snapshots Fix effects rendering: shadows, blur, spread (#24) 2026-03-03 09:53:39 +03:00
scene-cache.spec.ts-snapshots Re-apply SkPicture scene caching with visual regression tests 2026-03-02 11:33:45 +03:00
app-menu.spec.ts Add integration tests for app menu and autosave 2026-03-01 15:26:10 +03:00
autosave.spec.ts Add integration tests for app menu and autosave 2026-03-01 15:26:10 +03:00
chat-panel.spec.ts Fix tool name extraction from UIMessage parts, add tool call e2e test 2026-03-01 11:51:38 +03:00
create-shapes.spec.ts Fix silent rendering crash, no-chrome test mode, error detection 2026-02-28 08:39:19 +03:00
effects.spec.ts Fix effects rendering: shadows, blur, spread (#24) 2026-03-03 09:53:39 +03:00
layers-panel.spec.ts Re-apply SkPicture scene caching with visual regression tests 2026-03-02 11:33:45 +03:00
perf.spec.ts Re-apply SkPicture scene caching with visual regression tests 2026-03-02 11:33:45 +03:00
scene-cache.spec.ts Improve scene cache regression test for font load race 2026-03-02 15:51:02 +03:00
zoom-pan.spec.ts Add zoom/pan E2E tests and pipeline benchmark 2026-03-02 23:43:39 +03:00