TINYMCE-14527: add unit test for sidebar width during animation

[michalnieruchalski-tiugo]

Related Ticket: TINYMCE-14527

Description of Changes:

• I'm only adding missing unit test in this PR
• Sidebar content has to receive its full configured with during open animation, otherwise it would inherit it's size from it's parent width even during animation. This means that the text inside the sidebar would wrap during animation etc. Sidebar content's parent has overflow: hidden, so even if the child is wider than a parent during animation it looks okay.
• Added tests to verify that sidebar content maintains its full configured width during the open (grow) animation
• Added a test case to verify that when the editing-area minimum-width clamp applies, the sidebar content receives the resolved (clamped) width during the open animation

Pre-checks:

- [ ] Changelog entry added

• Tests have been added (if applicable)
• Branch prefixed with feature/, hotfix/ or spike/

Review:

• Milestone set
  - [] Docs ticket created (if applicable)

GitHub issues (if applicable):

Summary by CodeRabbit

• Tests
  • Added coverage for sidebar sizing during the opening animation.
  • Verified content width remains consistent with the sidebar and available editing area constraints.
  • Confirmed the resize control remains narrower than the sidebar content while animating.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 70475329-2701-48f1-9ce0-ed8437a183c9

📥 Commits

Reviewing files that changed from the base of the PR and between c750de3 and b12ff39.

📒 Files selected for processing (1)

• modules/tinymce/src/themes/silver/test/ts/browser/sidebar/SidebarResizeTest.ts

🚧 Files skipped from review as they are similar to previous changes (1)

• modules/tinymce/src/themes/silver/test/ts/browser/sidebar/SidebarResizeTest.ts

---

Walkthrough

Adds a TinyMCE test for sidebar content width during the opening animation. The test covers configured-width and editing-area-clamped cases and confirms that the content remains wider than the animated slider.

Changes

Sidebar resize animation coverage

Layer / File(s)	Summary
Measuring sidebar animation test modules/tinymce/src/themes/silver/test/ts/browser/sidebar/SidebarResizeTest.ts	Registers a measuring resizable sidebar. It verifies content width during opening for configured-width and editing-area-clamped cases. It also verifies that the content remains wider than the animated slider.

Estimated code review effort: 2 (Simple) | ~10 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly describes the added unit test for sidebar width during the open animation.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

---

_{Comment @coderabbitai help to get the list of available commands.}

[michalnieruchalski-tiugo]

• TINYMCE-14527: add unit test for sidebar width during animation #11215 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.