Skip to content

SpreadSheet Editor Dark Mode (dark document) 🌘 — e2e smoke tests - #310

Draft
j-base64 wants to merge 8 commits into
mainfrom
fix/117-dark-theme-canvas-background
Draft

SpreadSheet Editor Dark Mode (dark document) 🌘 — e2e smoke tests#310
j-base64 wants to merge 8 commits into
mainfrom
fix/117-dark-theme-canvas-background

Conversation

@j-base64

@j-base64 j-base64 commented Aug 3, 2026

Copy link
Copy Markdown

Origin

Issue Euro-Office/web-apps#117 pinpointed the lack of dark mode in the spreadsheet editor.

The fix required changes to both sdkjs and web-apps and led to two PRs :

This PR propose 🌈

13 smoke tests covering: Cell fill/border/text correction, merged cells, page-break-preview, gradient/pattern fill in the cell editor, print-preview, column-resize guide color, search-highlight contrast, mid-edit-toggle behavior, interface-theme interaction, and toolbar sync.

Note about CI Fail ❌

These e2e tests are designed to work with the dark-mode code introduced by the web-apps and
sdkjs companion PRs (see above). Until those companion PRs are merged to their respective
main branches, the e2e (pull_request) check is expected to fail, by design, not due to a
regression.

Note about files location

These e2e tests are proposed in the place where e2e tests were introduced through PR
#197. To see if needed in a future to move
them to a better place or exclude them from the default Playwright run (opt-in only).

AI assistance

  • Developed with AI assistance (Claude Code, mainly claude-sonnet-5)
🌘 First PRs in the project, feedback and reviews welcome :)

juliusknorr and others added 8 commits August 3, 2026 19:53
Add Playwright smoke tests covering basic editing in each editor:
- document: type text, apply bold/italic, verify text round-trips
- spreadsheet: enter numbers and a formula, verify it is accepted
- presentation: build a three-slide deck

Shared helpers open a new document from the example app and reach the
editor automation API inside the iframe.

Assisted-by: ClaudeCode:claude-opus-4-8
Signed-off-by: Julius Knorr <jus@bitgrid.net>
Covers the toggle button, interface-theme/content-dark-mode interaction,
cell color/border/merge/search-highlight/resize-guide rendering, mid-edit
toggle behavior, and print-preview isolation from content dark mode.

One test per file under e2e/tests/spreadsheeteditor/darkmode/, registered
via the spreadsheeteditor-darkmode.spec.ts index (run with --workers=1 to
avoid overloading the shared dev container). helpers.ts gains frameEval
arg support and a shared expectColorClose assertion.

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
…x in favor of plain spec files)

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
…rage

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
…present in initial codebase)

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
…ments, update isColorDark threshold

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
…mode tests

Signed-off-by: j-base64 <jcentenero@arsys.es>
Assisted-by: ClaudeCode:claude-sonnet-5
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: 📄 To do

Development

Successfully merging this pull request may close these issues.

2 participants