toContain('info-helper-popup') ->toContain('x-transition:enter') ->toContain('text-[13px] leading-5'); expect($utilities) ->toContain('@utility info-helper-popup') ->toContain('dark:bg-raised') ->toContain('dark:border-white/10') ->toContain('shadow-modal') ->toContain('@utility auth-tooltip') ->toContain('rounded-lg'); }); test('helper popup remains open while moving from the trigger into interactive content', function () { $helper = file_get_contents(resource_path('views/components/helper.blade.php')); expect($helper) ->toContain('hideTimer: null') ->toContain('setTimeout(() =>') ->toContain('@mouseenter="cancelHide()"') ->toContain('@mouseleave="hide()"'); }); test('listbox keeps the helper outside the label association', function () { $path = resource_path('views/components/forms/listbox.blade.php'); $contents = file_get_contents($path); expect($contents) ->toContain('Keep helper outside the label') ->toContain('

') ->toContain('class="mb-0! flex items-center gap-1.5 leading-4"') ->toMatch('/]*>[\s\S]*?<\/label>\s*@if $\$helper$/'); }); test('helper popup renders when the component is used next to a listbox label', function () { $html = Blade::render(<<<'BLADE' BLADE); expect($html) ->toContain('Server timezone') ->toContain('Used for backup schedules.') ->toContain('type="button"') ->toContain('aria-label="More information"') ->toContain('serverTimezone-trigger') // Helper button must not be nested inside the label[for=trigger] element. ->not->toMatch('/]*for="serverTimezone-trigger"[^>]*>[\s\S]*aria-label="More information"[\s\S]*<\/label>/'); });