Andreas Reinhold / reiniandClaude Opus 5
648ad8efaf
tests / lint (push) Successful in 1m3s
tests / feature (8.4) (push) Failing after 1m5s
tests / feature (8.5) (push) Failing after 1m4s
tests / browser (chrome, chromium) (push) Failing after 1m5s
tests / browser (firefox, firefox) (push) Failing after 1m1s
tests / browser (safari, webkit) (push) Failing after 1m1s
<x-toast> hosts the snackbar queue for the Toasts concern and window.materialToast(), one at a time, paused on hover and focus, with an optional action; it listens from the moment its script loads, so a toast dispatched before Alpine starts is shown rather than lost. <x-badge> is M3's dot and count, plus a tonal or outlined status label; <x-rich-tooltip> is transient or persistent; <x-alert>, <x-stat> and <x-empty-state> are built from M3's parts. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy
33 lines
1.6 KiB
PHP
33 lines
1.6 KiB
PHP
<?php
|
|
|
|
it('is M3\'s small badge without a value', function () {
|
|
expect((string) $this->blade('<x-badge />'))
|
|
->toContain('size-1.5 rounded-corner-full')
|
|
->toContain('bg-error text-on-error')
|
|
->toContain('aria-hidden="true"');
|
|
});
|
|
|
|
it('is M3\'s large badge with a count, capped by max', function () {
|
|
expect((string) $this->blade('<x-badge value="4" />'))->toContain('h-4 min-w-4')->toContain('>4</span>')
|
|
->and((string) $this->blade('<x-badge value="1204" max="999" />'))->toContain('>999+</span>')
|
|
->and((string) $this->blade('<x-badge value="12" max="999" color="primary" />'))->toContain('>12</span>')->toContain('bg-primary text-on-primary');
|
|
});
|
|
|
|
it('pins itself to the corner of an icon when floating', function () {
|
|
expect((string) $this->blade('<x-badge floating />'))->toContain('absolute top-0.5 end-0.5')
|
|
->and((string) $this->blade('<x-badge value="3" floating label="3 new messages" />'))
|
|
->toContain('absolute -top-1')
|
|
->toContain('aria-label="3 new messages"')
|
|
->not->toContain('aria-hidden');
|
|
});
|
|
|
|
it('draws a status label in a container or an outline', function () {
|
|
expect((string) $this->blade('<x-badge value="Active" tone="success" tonal />'))
|
|
->toContain('h-6 gap-1 rounded-corner-sm px-2 type-label-md')
|
|
->toContain('bg-success-container text-on-success-container')
|
|
->not->toContain('aria-hidden')
|
|
->and((string) $this->blade('<x-badge value="Pro" outline />'))
|
|
->toContain('border border-outline-variant text-on-surface-variant')
|
|
->not->toContain('bg-error');
|
|
});
|