How to test livewire Computed method

Hello friends thanks for help
How to test livewire Computed Property method
example testing

    public function test_ads_component_loaded_with_ads_data(): void
    {
        $user = User::factory()->create();
        $this->seed(CitySeeder::class);

        $ad = [
            'title' => 'test title',
            'city_id' => 1,
            'city_id_service' => 2,
            'type' => 're',
            'call' => 123456789,
            'description' => 'lorem ipsum test data',
        ];

        (new CreateAdAction())->handle($ad, $user);

        Livewire::test(Ads::class)
            ->assertStatus(200)
            ->assertViewHas('ads', function ($ads) use ($ad) {   //  proplem in theis assertViewHas
                return $ads->contains($ad);
            });
    }

class file

#[Computed()]
function ads()
    {
    return (new GetAdsWithFavoritesAction())->handle();
}

Blade file

            @forelse ($this->ads as $ad)
                <livewire:components.ads.ad-item :ad="$ad" wire:key="key-ads-home-{{ $ad->id }}" />
            @empty
                <x-utils.no-data message="no_data" />
            @endforelse

Error

 Call to a member function contains() on null

s4muel

1 year ago

Level 50

call the computed property and assert its value.

quote from: https://github.com/livewire/livewire/discussions/1145#discussioncomment-8962695

you can just call the computed property name to test it:

Directly in an assert

Livewire::test(MyComponent::class)
    ->assertSet('myComputedProperty', 1234);

Or access it's value

$component = Livewire::test(MyComponent::class);

$this->assertEquals(1234, $component->myComputedProperty);

another discussion: https://github.com/livewire/livewire/discussions/1350

1 like

Respect

1 year ago

Level 3

@s4muel thanks for answer same error not working i'm using livewire 3 format - ads() computed method always null

#[Computed()]
function ads()
    {
    return (new GetAdsWithFavoritesAction())->handle();
}

Please or to participate in this conversation.