update voice recording screenshots

Author: renefloor

packages/docs_screenshots/test/voice_recording/goldens/macos/voice_recording_attachment_custom.png

@@ -4,16 +4,30 @@ import 'package:flutter_test/flutter_test.dart';
 import 'package:mocktail/mocktail.dart';
 import 'package:record/record.dart';
 import 'package:stream_chat_flutter/src/audio/audio_playlist_state.dart';
+import 'package:stream_chat_flutter/src/components/message_composer/message_composer_recording_locked.dart';
+import 'package:stream_chat_flutter/src/components/message_composer/message_composer_recording_ongoing.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 import '../src/fakes.dart';
 import '../src/golden_theme.dart';
 import '../src/mocks.dart';
 
-Widget _buildRecorderButtonScaffold({
+class _MockAudioRecorder extends Mock implements AudioRecorder {}
+
+StreamAudioRecorderController _makeRecorderController(AudioRecorderState initialState) {
+  final mockRecorder = _MockAudioRecorder();
+  when(() => mockRecorder.onAmplitudeChanged(any())).thenAnswer((_) => const Stream.empty());
+  when(() => mockRecorder.dispose()).thenAnswer((_) async {});
+  return StreamAudioRecorderController.raw(
+    config: const RecordConfig(numChannels: 1),
+    recorder: mockRecorder,
+    initialState: initialState,
+  );
+}
+
+Widget _buildVoiceRecordingMessageInputScaffold({
   required MockClient client,
   required MockChannel channel,
-  required AudioRecorderState recordState,
 }) {
   return MaterialApp(
     theme: docsScreenshotsTheme(),
@@ -26,18 +40,21 @@ Widget _buildRecorderButtonScaffold({
         showLoading: false,
         channel: channel,
         child: Scaffold(
-          body: Center(
-            child: StreamAudioRecorderButton(recordState: recordState),
+          body: Column(
+            children: [
+              Expanded(child: Container()),
+              const StreamMessageInput(enableVoiceRecording: true),
+            ],
           ),
         ),
       ),
     ),
   );
 }
 
-Widget _buildVoiceRecordingMessageInputScaffold({
+Widget _buildVoiceRecorderScaffold({
   required MockClient client,
-  required MockChannel channel,
+  required Widget child,
 }) {
   return MaterialApp(
     theme: docsScreenshotsTheme(),
@@ -46,16 +63,10 @@ Widget _buildVoiceRecordingMessageInputScaffold({
       client: client,
       streamChatThemeData: docsStreamChatThemeData(),
       connectivityStream: Stream.value([ConnectivityResult.mobile]),
-      child: StreamChannel(
-        showLoading: false,
-        channel: channel,
-        child: Scaffold(
-          body: Column(
-            children: [
-              Expanded(child: Container()),
-              const StreamMessageInput(enableVoiceRecording: true),
-            ],
-          ),
+      child: Scaffold(
+        body: Padding(
+          padding: const EdgeInsets.all(8),
+          child: Center(child: child),
         ),
       ),
     ),
@@ -74,6 +85,10 @@ void _setupChannel(MockClient client, MockClientState clientState, MockChannel c
 void main() {
   TestWidgetsFlutterBinding.ensureInitialized();
 
+  setUpAll(() {
+    registerFallbackValue(Duration.zero);
+  });
+
   final originalRecordPlatform = RecordPlatform.instance;
   setUp(() => RecordPlatform.instance = FakeRecordPlatform());
   tearDown(() => RecordPlatform.instance = originalRecordPlatform);
@@ -96,25 +111,6 @@ void main() {
     },
   );
 
-  goldenTest(
-    'voice recording idle with tooltip',
-    fileName: 'voice_recording_idle_tooltip',
-    constraints: const BoxConstraints.tightFor(width: 375, height: 80),
-    builder: () {
-      final client = MockClient();
-      final clientState = MockClientState();
-      final channel = MockChannel();
-      final channelState = MockChannelState();
-      _setupChannel(client, clientState, channel, channelState);
-
-      return _buildRecorderButtonScaffold(
-        client: client,
-        channel: channel,
-        recordState: const RecordStateIdle(message: 'Hold to record'),
-      );
-    },
-  );
-
   goldenTest(
     'voice recording enabled (mic button visible)',
     fileName: 'voice_recording_enabled',
@@ -136,20 +132,19 @@ void main() {
   goldenTest(
     'voice recording hold recording state',
     fileName: 'voice_recording_hold_recording',
-    constraints: const BoxConstraints.tightFor(width: 375, height: 80),
+    constraints: const BoxConstraints.tightFor(width: 375, height: 56),
     builder: () {
       final client = MockClient();
-      final clientState = MockClientState();
-      final channel = MockChannel();
-      final channelState = MockChannelState();
-      _setupChannel(client, clientState, channel, channelState);
 
-      return _buildRecorderButtonScaffold(
+      final holdState = RecordStateRecordingHold(
+        duration: const Duration(seconds: 5),
+        waveform: List.generate(20, (i) => (i % 5) / 5.0),
+      );
+
+      return _buildVoiceRecorderScaffold(
         client: client,
-        channel: channel,
-        recordState: RecordStateRecordingHold(
-          duration: const Duration(seconds: 5),
-          waveform: List.generate(20, (i) => (i % 5) / 5.0),
+        child: StreamMessageComposerRecordingOngoing(
+          audioRecorderController: _makeRecorderController(holdState),
         ),
       );
     },
@@ -158,20 +153,23 @@ void main() {
   goldenTest(
     'voice recording locked recording state',
     fileName: 'voice_recording_locked_recording',
-    constraints: const BoxConstraints.tightFor(width: 375, height: 80),
+    constraints: const BoxConstraints.tightFor(width: 375, height: 120),
     builder: () {
       final client = MockClient();
-      final clientState = MockClientState();
-      final channel = MockChannel();
-      final channelState = MockChannelState();
-      _setupChannel(client, clientState, channel, channelState);
 
-      return _buildRecorderButtonScaffold(
+      final lockedState = RecordStateRecordingLocked(
+        duration: const Duration(seconds: 12),
+        waveform: List.generate(20, (i) => (i % 5) / 5.0),
+      );
+
+      return _buildVoiceRecorderScaffold(
         client: client,
-        channel: channel,
-        recordState: RecordStateRecordingLocked(
-          duration: const Duration(seconds: 12),
-          waveform: List.generate(20, (i) => (i % 5) / 5.0),
+        child: MessageComposerRecordingLocked(
+          audioRecorderController: _makeRecorderController(lockedState),
+          feedback: const AudioRecorderFeedback(),
+          messageInputController: StreamMessageInputController(),
+          sendMessageCallback: null,
+          state: lockedState,
         ),
       );
     },
@@ -180,46 +178,31 @@ void main() {
   goldenTest(
     'voice recording finished state',
     fileName: 'voice_recording_finished',
-    constraints: const BoxConstraints.tightFor(width: 375, height: 80),
+    constraints: const BoxConstraints.tightFor(width: 375, height: 120),
     builder: () {
       final client = MockClient();
-      final clientState = MockClientState();
-      final channel = MockChannel();
-      final channelState = MockChannelState();
-      _setupChannel(client, clientState, channel, channelState);
 
-      return _buildRecorderButtonScaffold(
-        client: client,
-        channel: channel,
-        recordState: RecordStateStopped(
-          audioRecording: Attachment(
-            type: 'voiceRecording',
-            assetUrl: 'https://example.com/recording.m4a',
-            extraData: const {
-              'duration': 15.0,
-              'waveform_data': <double>[0.1, 0.5, 0.9, 0.4, 0.2],
-            },
-          ),
+      final stoppedState = RecordStateStopped(
+        audioRecording: Attachment(
+          type: 'voiceRecording',
+          assetUrl: 'https://example.com/recording.m4a',
+          uploadState: const UploadState.success(),
+          extraData: const {
+            'duration': 15.0,
+            'waveform_data': <double>[0.1, 0.5, 0.9, 0.4, 0.2],
+          },
         ),
       );
-    },
-  );
-
-  goldenTest(
-    'voice recording stopped state',
-    fileName: 'voice_recording_stopped',
-    constraints: const BoxConstraints.tightFor(width: 375, height: 80),
-    builder: () {
-      final client = MockClient();
-      final clientState = MockClientState();
-      final channel = MockChannel();
-      final channelState = MockChannelState();
-      _setupChannel(client, clientState, channel, channelState);
 
-      return _buildRecorderButtonScaffold(
+      return _buildVoiceRecorderScaffold(
         client: client,
-        channel: channel,
-        recordState: const RecordStateIdle(),
+        child: MessageComposerRecordingStopped(
+          audioRecorderController: _makeRecorderController(stoppedState),
+          feedback: const AudioRecorderFeedback(),
+          messageInputController: StreamMessageInputController(),
+          sendMessageCallback: null,
+          recordingState: stoppedState,
+        ),
       );
     },
   );