@@ -27,6 +27,7 @@ import RoomContext, { TimelineRenderingType } from '../../../../src/contexts/Roo
2727import { createAudioContext } from '../../../../src/audio/compat' ;
2828import { findByTestId , flushPromises } from '../../../test-utils' ;
2929import PlaybackWaveform from '../../../../src/components/views/audio_messages/PlaybackWaveform' ;
30+ import SeekBar from "../../../../src/components/views/audio_messages/SeekBar" ;
3031
3132jest . mock ( '../../../../src/audio/compat' , ( ) => ( {
3233 createAudioContext : jest . fn ( ) ,
@@ -56,7 +57,7 @@ describe('<RecordingPlayback />', () => {
5657 const mockChannelData = new Float32Array ( ) ;
5758
5859 const defaultRoom = { roomId : '!room:server.org' , timelineRenderingType : TimelineRenderingType . File } ;
59- const getComponent = ( props : { playback : Playback } , room = defaultRoom ) =>
60+ const getComponent = ( props : React . ComponentProps < RecordingPlayback > , room = defaultRoom ) =>
6061 mount ( < RecordingPlayback { ...props } /> , {
6162 wrappingComponent : RoomContext . Provider ,
6263 wrappingComponentProps : { value : room } ,
@@ -128,34 +129,19 @@ describe('<RecordingPlayback />', () => {
128129 expect ( playback . toggle ) . toHaveBeenCalled ( ) ;
129130 } ) ;
130131
131- it . each ( [
132- [ TimelineRenderingType . Notification ] ,
133- [ TimelineRenderingType . File ] ,
134- [ TimelineRenderingType . Pinned ] ,
135- ] ) ( 'does not render waveform when timeline rendering type for room is %s' , ( timelineRenderingType ) => {
132+ it ( 'should render a seek bar by default' , ( ) => {
136133 const playback = new Playback ( new ArrayBuffer ( 8 ) ) ;
137- const room = {
138- ...defaultRoom ,
139- timelineRenderingType,
140- } ;
141- const component = getComponent ( { playback } , room ) ;
134+ const component = getComponent ( { playback } ) ;
142135
143136 expect ( component . find ( PlaybackWaveform ) . length ) . toBeFalsy ( ) ;
137+ expect ( component . find ( SeekBar ) . length ) . toBeTruthy ( ) ;
144138 } ) ;
145139
146- it . each ( [
147- [ TimelineRenderingType . Room ] ,
148- [ TimelineRenderingType . Thread ] ,
149- [ TimelineRenderingType . ThreadsList ] ,
150- [ TimelineRenderingType . Search ] ,
151- ] ) ( 'renders waveform when timeline rendering type for room is %s' , ( timelineRenderingType ) => {
140+ it ( 'should render a waveform when requested' , ( ) => {
152141 const playback = new Playback ( new ArrayBuffer ( 8 ) ) ;
153- const room = {
154- ...defaultRoom ,
155- timelineRenderingType,
156- } ;
157- const component = getComponent ( { playback } , room ) ;
142+ const component = getComponent ( { playback, withWaveform : true } ) ;
158143
159144 expect ( component . find ( PlaybackWaveform ) . length ) . toBeTruthy ( ) ;
145+ expect ( component . find ( SeekBar ) . length ) . toBeFalsy ( ) ;
160146 } ) ;
161147} ) ;
0 commit comments