F
Filament•6mo ago
Adysone

Test Livewire assertDispatched and assertSee after event dispatched

Hello, I have the following field : 
Forms\Components\Select::make('licenses')
    ->label(__('vmc.licenses'))
    ->preload()
    ->relationship('licenses', 'name', fn (Builder $query) => $query->orderBy('name'))
    ->multiple()
    ->searchable()
    ->live()
    ->afterStateHydrated(function (Component $livewire, ?array $state) {
        $livewire->dispatch('updatedSelectedLicenses', selectedLicenses: $state);
    })
    ->afterStateUpdated(function (Component $livewire, ?array $state) {
        $livewire->dispatch('updatedSelectedLicenses', selectedLicenses: $state);
    })
Forms\Components\Select::make('licenses')
    ->label(__('vmc.licenses'))
    ->preload()
    ->relationship('licenses', 'name', fn (Builder $query) => $query->orderBy('name'))
    ->multiple()
    ->searchable()
    ->live()
    ->afterStateHydrated(function (Component $livewire, ?array $state) {
        $livewire->dispatch('updatedSelectedLicenses', selectedLicenses: $state);
    })
    ->afterStateUpdated(function (Component $livewire, ?array $state) {
        $livewire->dispatch('updatedSelectedLicenses', selectedLicenses: $state);
    })
And I have the following test : 
$license = License::factory()->create(['cost' => 22.1234]);

Livewire::test(CreateVirtualMachine::class)
    ->assertFormFieldExists('licenses')
    ->set('data.licenses', [$license->id])
    ->assertDispatched('updatedSelectedLicenses', ['selectedLicenses' => [$license->id]])
    ->assertSee('22,12');
$license = License::factory()->create(['cost' => 22.1234]);

Livewire::test(CreateVirtualMachine::class)
    ->assertFormFieldExists('licenses')
    ->set('data.licenses', [$license->id])
    ->assertDispatched('updatedSelectedLicenses', ['selectedLicenses' => [$license->id]])
    ->assertSee('22,12');
When I run my test, I have the following fails : 
Failed asserting that an event [updatedSelectedLicenses] was fired with parameters: [{"selectedLicenses":[2]}]
Failed asserting that an event [updatedSelectedLicenses] was fired with parameters: [{"selectedLicenses":[2]}]
and 
Failed asserting that '<bunch of html>' [UTF-8](length: 83059) contains "22,12" [ASCII](length: 5).
Failed asserting that '<bunch of html>' [UTF-8](length: 83059) contains "22,12" [ASCII](length: 5).
1. I don't understand why the first assertion fails and why the parameters aren't correct as I send the $state when I dispatch the event. 2. I don't understand why 22,12 is not in the HTML as when I test it in my browser, it works like a charm.
Solution:
I answer to myself, I found a topic on Laracast for the second problem I have : https://laracasts.com/discuss/channels/livewire/livewire-testing-nested-components For the first issue, I don't use the good syntax, which must be ->assertDispatched('updatedSelectedLicenses', selectedLicenses: [$license->id])...
Laracasts
Jump to solution
1 Reply
Solution
Adysone
Adysone•6mo ago
I answer to myself, I found a topic on Laracast for the second problem I have : https://laracasts.com/discuss/channels/livewire/livewire-testing-nested-components For the first issue, I don't use the good syntax, which must be ->assertDispatched('updatedSelectedLicenses', selectedLicenses: [$license->id])
Laracasts

Did you find this page helpful?