Is it possible to simulate "click" on buttons in tests?

[nikophil]

Hello!

I'm using symfony/ux-live-component (v2.23) in order to create a paginated list. So far so good, this lib is amazing 🤩

I'm handling my pagination thanks to a property #[LiveProp(writable: true)] public int $page;

In twig, my pagination is made thanks to something like this:

    {% for i in 1..this.pagesNumber %}
        <button
            {% if i == this.page %}class="selected"{% endif %}
            data-model="page"
            data-value="{{ i }}"
            data-action="live#update"
        >
            {{ i }}
        </button>
    {% endfor %}

I'm testing my pagination this way:

class MyLiveComponentTest extends WebTestCase
{
    use InteractsWithLiveComponents;

    public function test_pagination(): void
    {
        $component = $this->createLiveComponent(
            name: 'MyComponent',
            data: [...],
            client: self::createClient(),
        );

        $crawler = $this->component->set('page', 2)->render()->crawler();

        // test items on page 2 are displayed
    }
}

But it feels like something is missing, I'd love to display the page 1, click on page 2 button using the crawler, see the page 2 is displayed.

Does some black magic like that exist?

thanks!