coolify/tests/Feature/FormsButtonLoadingTest.php

<?php

use Illuminate\Support\Facades\Blade;

it('disables the button and targets the wire click action while loading', function () {
    $html = Blade::render(
        '<x-forms.button wire:click.prevent="checkConnection"><x-reicon name="refresh" class="size-3.5" />Check connection</x-forms.button>'
    );

    expect($html)
        ->toContain('wire:loading.attr="disabled"')
        ->toContain('wire:loading.class="is-loading"')
        ->toContain('wire:target="checkConnection"')
        ->toContain('wire:loading')
        ->toContain('animate-spin')
        ->toContain('Check connection');
});

it('uses an explicit wire target for submit buttons without wire click', function () {
    $html = Blade::render(
        '<x-forms.button type="submit" wire:target="addToken">Validate and add</x-forms.button>'
    );

    expect($html)
        ->toContain('type="submit"')
        ->toContain('wire:loading.attr="disabled"')
        ->toContain('wire:loading.class="is-loading"')
        ->toContain('wire:target="addToken"')
        ->toContain('animate-spin')
        ->toContain('Validate and add');
});

it('keeps method arguments when deriving the loading target', function () {
    $html = Blade::render(
        '<x-forms.button wire:click="setPrivateKey(42)">Use this key</x-forms.button>'
    );

    expect($html)
        ->toContain('wire:target="setPrivateKey(42)"')
        ->toContain('wire:loading.attr="disabled"')
        ->toContain('wire:loading.class="is-loading"');
});

it('skips loading attributes when the loading indicator is disabled', function () {
    $html = Blade::render(
        '<x-forms.button wire:click="checkConnection" :showLoadingIndicator="false">Check connection</x-forms.button>'
    );

    expect($html)
        ->not->toContain('wire:loading.attr="disabled"')
        ->not->toContain('wire:loading.class="is-loading"')
        ->not->toContain('animate-spin')
        ->toContain('Check connection');
});