marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(planner): add truncation and title attribute to replacing-name span

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel Raddatz
2026-04-09 10:31:13 +02:00
parent 278fda7d90
commit 9482ecbf36
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/lib/planner/SwapSuggestionList.svelte
View File

@@ -43,9 +43,10 @@
</p> </p>
<span <span
data-testid="replacing-name" data-testid="replacing-name"
style="font-family: var(--font-display); font-size: 14px; text-decoration: line-through; opacity: 0.6; color: var(--color-text);" title={replacingName}
style="display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--font-display); font-size: 14px; text-decoration: line-through; opacity: 0.6; color: var(--color-text);"
> >
{replacingName}{#if replacingMeta}<br />{replacingMeta}{/if} {replacingName}{#if replacingMeta} · {replacingMeta}{/if}
</span> </span>
</div> </div>

6
frontend/src/lib/planner/SwapSuggestionList.test.ts
View File

@@ -30,6 +30,12 @@ describe('SwapSuggestionList', () => {
expect(getComputedStyle(struck).textDecoration || struck.style.textDecoration).toContain('line-through'); expect(getComputedStyle(struck).textDecoration || struck.style.textDecoration).toContain('line-through');
}); });
it('replacing-name span has title attribute for full name', () => {
render(SwapSuggestionList, { props: baseProps });
const struck = screen.getByTestId('replacing-name');
expect(struck.getAttribute('title')).toBe('Tomato pasta');
});
it('renders the easiest-first eyebrow label', () => { it('renders the easiest-first eyebrow label', () => {
render(SwapSuggestionList, { props: baseProps }); render(SwapSuggestionList, { props: baseProps });
expect(screen.getByText(/einfachste zuerst/i)).toBeTruthy(); expect(screen.getByText(/einfachste zuerst/i)).toBeTruthy();