Tabs: Implement ariakit/test in unit tests

[chad1008]

What?

Uses @ariakit/test utils instead of @testing-library's userEvent utils

Why?

While working on these tests I've encountered a number of timing issues while using userEvent utils, at times finding that assertions would be checked before the component had time to fully update and/or rerender. Most recently, while adding new unit tests in #56658, it appeared data was leaking between tests in ways I couldn't nail down.

How?

All keyboard and mouse interactions that were previously simulated using userEvent are now performed via @ariakit/test's press and click utils.

This made a some of our existing waitFor() calls unnecessary, due to how these new utilities perform and time these interactions.

Testing Instructions

All Tabs unit tests should pass consistently

cc @diegohaz, in case this is of interest

[github-actions]

Flaky tests detected in 6b7e8ac.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/7117835562
📝 Reported issues:

• [Flaky Test] should display the "Manage Fonts" icon #56776 in /test/e2e/specs/site-editor/font-library.spec.js

[brookewp]

Tests here are passing consistently! ✅

I don't see flakiness with the tests in trunk at the moment, but I did see it in your other PR #56658. I'm interested to see how that goes once this change is implemented there!

[tyxla]

Really cool to see a better way to handle the ariakit store setup update than our prior hacks!

[diegohaz]

Great! Although Ariakit Test doesn't decrease flakiness to the same extent as synchronous tests, it should perform better than User Event.

[diegohaz]

Really cool to see a better way to handle the ariakit store setup update than our prior hacks!

I'd argue it's not just better for Ariakit, but also for most front-end libraries that can be tested with JSDOM. We've run tests for Framer Motion, React Router, and even Radix UI.