feat(web/m7-380): animate pending placeholder + add play overlay to PlaylistCard

This commit is contained in:
2026-05-04 19:42:30 -04:00
parent 34615fffbd
commit b290b4ff0b
4 changed files with 156 additions and 36 deletions
@@ -27,8 +27,10 @@ describe('PlaylistPlaceholderCard', () => {
expect(screen.getByText(/Listen to more variety/i)).toBeInTheDocument();
});
test('pending variant (default) shows the within-24h copy', () => {
render(PlaylistPlaceholderCard, { props: { label: 'For You' } });
test('pending variant (default) shows within-24h copy and pulses', () => {
const { container } = render(PlaylistPlaceholderCard, { props: { label: 'For You' } });
expect(screen.getByText(/within 24h/i)).toBeInTheDocument();
const cover = container.querySelector('[data-variant="pending"] .aspect-square');
expect(cover?.className).toMatch(/animate-pulse/);
});
});