') ->toContain('toContain('data-checkbox') ->toContain('type="checkbox"') ->toContain('wire:model="notify"') ->toContain('data-check') ->toContain('data-mixed') ->toContain('Notify me') ->toContain('On every download') ->not->toContain('data-indeterminate'); }); it('marks a checkbox that is partly ticked', function () { expect((string) $this->blade(''))->toContain('data-indeterminate'); }); it('puts a checkbox at the end of its row on request', function () { expect((string) $this->blade(''))->toContain('flex-row-reverse justify-between'); }); it('shows a checkbox\'s errors', function () { $html = (string) $this->withViewErrors(['terms' => ['Accept the terms to continue.']]) ->blade(''); expect($html) ->toContain('data-invalid') ->toContain('aria-invalid="true"') ->toContain('aria-describedby="terms-support"') ->toContain('Accept the terms to continue.'); }); it('draws radio buttons in a fieldset named by its question', function () { $html = (string) $this->blade(<<<'BLADE' BLADE); expect($html) ->toContain('toContain('Who can open it') ->and(substr_count($html, 'type="radio"'))->toBe(3) ->and(substr_count($html, 'name="audience"'))->toBe(3) ->and(substr_count($html, 'wire:model.live="audience"'))->toBe(3) ->and($html)->toContain('value="password"') ->toContain('Share it separately') ->toMatch('/value="team"\s+disabled/'); }); it('names unbound radios after their group and checks the given value', function () { $html = (string) $this->blade(''); expect($html) ->toContain('medium:flex') ->and(substr_count($html, 'name="theme"'))->toBe(2) ->and($html)->toMatch('/value="dark"\s+checked/') ->not->toMatch('/value="light"\s+checked/'); }); it('shows the errors of a radio group', function () { expect((string) $this->withViewErrors(['audience' => ['Choose who can open it.']]) ->blade('')) ->toContain('data-invalid') ->toContain('Choose who can open it.'); }); it('draws a switch on a checkbox with the switch role', function () { $html = (string) $this->blade(''); expect($html) ->toContain('toContain('data-switch') ->toContain('role="switch"') ->toContain('type="checkbox"') ->toContain('wire:model.live="public"') ->toContain('data-handle') ->toContain('flex-row-reverse') ->not->toContain('data-icons'); }); it('puts icons on a switch\'s handle', function () { expect((string) $this->blade(''))->toContain('data-icons="both"')->toContain('data-on')->toContain('data-off') ->and((string) $this->blade(''))->toContain('data-icons="selected"'); });