How to tap on FloatingActionMenu?

[eximius313]

I have such code:

class Keys {
  static const floatingMenu = Key('floatingMenu');
}
class FloatingActionMenu extends StatefulWidget {

  const FloatingActionMenu({
    super.key,
  });

  @override
  State<FloatingActionMenu> createState() => _FloatingActionMenuState();
}

class _FloatingActionMenuState extends State<FloatingActionMenu>
    with SingleTickerProviderStateMixin {
  static const _animationDuration = Duration(milliseconds: 250);

  late Animation<double> _animation;
  late AnimationController _animationController;

  @override
  void initState() {
    _animationController = AnimationController(
      vsync: this,
      duration: _animationDuration,
    );

    final curvedAnimation = CurvedAnimation(curve: Curves.easeInOut, parent: _animationController);
    _animation = Tween<double>(begin: 0, end: 1).animate(curvedAnimation);
    super.initState();
  }

  @override
  Widget build(final BuildContext context) => FloatingActionBubble(
        items: <Bubble>[
          Bubble(
            iconColor: Theme.of(context).primaryIconTheme.color!,
            bubbleColor: Theme.of(context).primaryColor,
            titleStyle: Theme.of(context).primaryTextTheme.titleLarge!,
            title: 'ClickMe',
            icon: Icons.manage_accounts_outlined,
            onPress: () {
              print('Pressed');
            },
          ),
        ],

        // animation controller
        animation: _animation,

        // On pressed change animation state
        onPress: () => _animationController.isCompleted
            ? _animationController.reverse()
            : _animationController.forward(),

        iconData: Icons.settings,
        iconColor: Theme.of(context).primaryColor,
        backGroundColor: Theme.of(context).primaryIconTheme.color!,
      );
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) => const MaterialApp(
    home: Scaffold(
      body: Text('Test'),
      floatingActionButton: FloatingActionMenu(key: Keys.floatingMenu),
    ),
  );
}

void main() {
  runApp(MyApp());
}

(it is using floating_action_bubble library)

Now when I run the test:

void main() {
  patrolWidgetTest(
      'Should tap on Menu',
      (final PatrolTester $) async {
        // given
        await $.pumpWidget(MyApp());

        final menu = $(Keys.floatingMenu);
        
        expect(menu, findsOneWidget);
        await menu.tap();
      });
}

it fails with:

══╡ EXCEPTION CAUGHT BY FLUTTER TEST FRAMEWORK ╞════════════════════════════════════════════════════
The following WaitUntilVisibleTimeoutException was thrown running a test:
TimeoutException after 0:00:10.000000: Finder "exactly one widget with key [<'floatingMenu'>]
(ignoring offstage widgets): FloatingActionMenu-[<'floatingMenu'>](dependencies: [_InheritedTheme,
_LocalizationsScope-[GlobalKey#c086a]], state: _FloatingActionMenuState#310bd(ticker inactive))" did
not find any visible (i.e. hit-testable) widgets

How can I make this menu visible?

[eximius313]

Just to clarify - if I run this app in emulator, the button is visible and clickable