FN-8175: preserve mobile session switcher title layout contract

Preserve the ChatView mobile session switcher styling contract for pinned session titles.

- Assert full-width inline-flex title layout and indicator alignment
- Retain wrapping and line-height coverage for long mobile session names

Files changed:
 packages/dashboard/app/components/__tests__/ChatView.core-contracts.test.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

Fusion-Task-Id: FN-8175

Fusion-Task-Lineage: cbb349c8-f53d-4a88-ab44-32b1b0f2cb2e

Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
This commit is contained in:
gsxdsm
2026-07-16 19:06:56 -07:00
parent fd43a57a41
commit 779cd2e030

View File

@@ -653,7 +653,15 @@ describe("ChatView CSS — mobile thread switcher", () => {
expect(optionMatch?.[1]).toContain("min-height: calc(var(--space-lg) * 2.25)");
expect(optionMatch?.[1]).toContain("align-items: flex-start");
expect(optionMatch?.[1]).toContain("line-height: normal");
expect(optionTitleMatch?.[1]).toContain("display: block");
/*
* FNXC:ChatMobileSessionSwitcher 2026-07-16-18:54:
* FN-8054 intentionally uses inline flex to keep a pinned session's Pin indicator beside its title.
* Retain the width and wrapping contracts from FN-4061 so long titles remain readable.
*/
expect(optionTitleMatch?.[1]).toContain("width: 100%");
expect(optionTitleMatch?.[1]).toContain("display: inline-flex");
expect(optionTitleMatch?.[1]).toContain("align-items: center");
expect(optionTitleMatch?.[1]).toContain("gap: var(--space-xs)");
expect(optionTitleMatch?.[1]).toContain("line-height: normal");
expect(optionTitleMatch?.[1]).toContain("white-space: normal");
expect(optionTitleMatch?.[1]).toContain("overflow-wrap: anywhere");