[Dúvida] [TimerViewModel] Dúvidas referente ao Mock e Provider

Segue abaixo uma sugestão de implementação que atente todos os caso.

No caso abaixo o que fiz foi realizar a inversão de dependência, porém sem a utilização do provider (Acredito que funcionaria também com o provider), preferi manter sem, por não ver necessiade de utilizá-lo (Não sei se foi intencional a utilização para fins didáticos).

Nosso componente TimerWidget agora passa a recever uma instância de TimerViewModel, via parâmetro do construtor;

1. Nos cenários de teste onde será testado as chamadas de função, deve-se passar um mock do TimerViewModel
2. Nos cenários de teste onde será testado o comportamento de Widget, deve-se passar umas instância do TimerViewModel, sem estar mockado.

import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:fokus/app/view_models/timer_view_model.dart';
import 'package:fokus/app/views/widgets/timer_widget.dart';
import 'package:mocktail/mocktail.dart';

class MockTimerViewModel extends Mock implements TimerViewModel {}

void main() {
  final MockTimerViewModel mockTimerViewModel = MockTimerViewModel();
  final TimerViewModel timerViewModel = TimerViewModel();

  Widget createWidget({required TimerViewModel timerViewModel}) {
    return MaterialApp(
      home: Scaffold(
        body: TimerWidget(initialMinutes: 1, timerViewModel: timerViewModel),
      ),
    );
  }

  setUp(() {
    when(() => mockTimerViewModel.currentTime).thenReturn(Duration.zero);
    when(() => mockTimerViewModel.isRunning).thenReturn(false);
  });

  setUpAll(() {
    registerFallbackValue(ValueNotifier<bool>(false));
  });

  group("TimerWidget", () {
    testWidgets('Exibe tempo inicial zerado TimerWidget', (tester) async {
      await tester.pumpWidget(createWidget(timerViewModel: timerViewModel));

      expect(find.text("00:00"), findsOneWidget);
    });

    testWidgets('Ao iniciar, chama startTimer do TimerViewModel', (
      tester,
    ) async {
      await tester.pumpWidget(createWidget(timerViewModel: mockTimerViewModel));

      final botaoIniciar = find.text("Iniciar");

      expect(botaoIniciar, findsOneWidget);

      await tester.tap(botaoIniciar);
      await tester.pumpAndSettle();
      verify(() => mockTimerViewModel.startTimer(any(), any())).called(1);
    });

    testWidgets("Pausa a contagem ao clicar em Pausar", (tester) async {
      await tester.pumpWidget(createWidget(timerViewModel: timerViewModel));

      final botaoIniciar = find.text("Iniciar");

      await tester.tap(botaoIniciar);
      await tester.pumpAndSettle();
      await tester.pump(Duration(seconds: 10));
      final timerDisplay = find.text("00:10");
      print(timerDisplay);
      expect(timerDisplay, findsOneWidget);
    });
  });
}

Edit:
De fato o provider se fez necessário na hora de testar a TimerPage. A solução então, foi recever na createWidget, por parâmetro tanto TimerType e o TimerViewModel que pode ser o mock ou o TimerViewModel mesmo, dependendo do caso de teste (Mock para testar a chamada dos métodos e o Model para verificar o comprtamento refletido na tela);

Olá, Gabriel, como vai?

Ótima observação e obrigado por compartilhar os testes e a análise detalhada. Sobre o uso do tester.runAsync, o seu raciocínio está correto. Esse método retorna um Future e, quando não é aguardado com await, o teste pode finalizar antes que as asserções internas sejam realmente avaliadas. Isso explica o comportamento em que o teste passa, mas o console acusa falhas posteriormente. Ao utilizar await tester.runAsync, o fluxo do teste respeita a execução assíncrona, garantindo que as verificações aconteçam no momento correto.

Obrigado por trazer essa sugestão e compartilhar a implementação. Esse tipo de contribuição enriquece muito o fórum e ajuda outros alunos a entenderem melhor as nuances de testes.

Sempre que tiver esse tipo de insight ou dúvida, fique à vontade para postar por aqui. O fórum está à disposição.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!