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
35 lines
1.5 KiB
PHP
35 lines
1.5 KiB
PHP
<?php
|
|
|
|
it('states a notice in its state\'s container, with the state\'s icon', function () {
|
|
$html = (string) $this->blade('<x-alert title="Storage almost full" description="3.8 of 4 GB" color="warning" />');
|
|
|
|
expect($html)
|
|
->toContain('role="alert"')
|
|
->toContain('bg-warning-container text-on-warning-container')
|
|
->toContain('Storage almost full')
|
|
->toContain('3.8 of 4 GB')
|
|
->toContain('<svg');
|
|
});
|
|
|
|
it('is a status unless it is an error or a warning', function () {
|
|
expect((string) $this->blade('<x-alert description="Saved." tone="success" />'))->toContain('role="status"')->toContain('bg-success-container')
|
|
->and((string) $this->blade('<x-alert description="Heads up." />'))->toContain('role="status"')->toContain('bg-info-container')
|
|
->and((string) $this->blade('<x-alert description="Broken." color="error" />'))->toContain('role="alert"');
|
|
});
|
|
|
|
it('takes actions, drops its icon on request, and can be dismissed', function () {
|
|
$html = (string) $this->blade(<<<'BLADE'
|
|
<x-alert :icon="false" dismissible>
|
|
The connection dropped.
|
|
<x-slot:actions><x-button label="Try again" /></x-slot:actions>
|
|
</x-alert>
|
|
BLADE);
|
|
|
|
expect($html)
|
|
->toContain('The connection dropped.')
|
|
->toContain('Try again')
|
|
->toContain('x-data="{ shown: true }"')
|
|
->toContain('aria-label="Dismiss"')
|
|
->and(substr_count($html, '<svg'))->toBe(1);
|
|
});
|