Upgrading to v1.7.5+ breaks tests for Combobox and Listbox components

[grantiverson]

Upgrading to v1.7.5+ breaks my tests for Combobox and Listbox. There seems to be an issue with how "hover" events are triggered by tests. Everything seems to work fine in the browser.

I am using the v1.7.4 of the Combobox and Listbox components to make a dropdown. I am also using the Option components to create options for my dropdown. When an option is hovered, active should be set to true and conditionally add a class. My component logic looks something like this. The Listbox is similar.

<Combobox {...comboboxProps}>
    <Combobox.Options as={Fragment}>
        {() => (
            {options.map((option) => (
                <Combobox.Option as={Fragment} {...optionProps}>
                    {({ active }) =>
                        <li className={`combo-box__option${active ? " combo-box__option--active" : ""}`}>{name}</li>
                    )}
                </Combobox.Option>
            ))}
        )}
    </Combobox.Options>
</Combobox>

I am using React Testing Library to make sure that the "active" class is added when the option is hovered. My test looks like this:

it(`sets active options as "active"`, async () => {
    const user = userEvent.setup();
    render(<TestComboBox />);

    // open the dropdown
    await user.click(screen.getByRole("button"));
    await user.hover(screen.getAllByRole("option")[3]);

    // the active option should have the active class
    expect(screen.getAllByRole("option")[3]).toHaveClass(
        "combo-box__option--active",
    );

    // only one option should be active
    expect(
        document.querySelectorAll(".combo-box__option--active").length,
    ).toBe(1);
});

What I’m expecting to happen is something like this:

1. The test triggers a "hover" event
2. headless UI updates the option with an active = true prop
3. The Option component adds the combo-box__option--active class

However, on v1.7.5 the active prop is never set to true.