blade('')) ->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(''))->toContain('h-4 min-w-4')->toContain('>4') ->and((string) $this->blade(''))->toContain('>999+') ->and((string) $this->blade(''))->toContain('>12')->toContain('bg-primary text-on-primary'); }); it('pins itself to the corner of an icon when floating', function () { expect((string) $this->blade(''))->toContain('absolute top-0.5 end-0.5') ->and((string) $this->blade('')) ->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('')) ->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('')) ->toContain('border border-outline-variant text-on-surface-variant') ->not->toContain('bg-error'); });