fix: audio auto play when appended new audio if enable autoplayInitLo…

…adPlayList #146

__tests__/tests/instance.test.js

@@ -1,5 +1,5 @@
-import React from 'react'
 import { mount } from 'enzyme'
+import React from 'react'
 import ReactJkMusicPlayer from '../../src'
 
 const getApp = (props) => {
@@ -176,4 +176,35 @@ describe('AudioInstance test', () => {
       'b',
     ])
   })
+
+  it('should set audio info when append audio list', () => {
+    const { instance, wrapper } = getApp()
+    const audioInfo = {
+      name: 'a',
+      singer: 'a',
+      musicSrc: 'c',
+    }
+    instance.appendAudio(0, [audioInfo])
+    expect(wrapper.state().name).toEqual(audioInfo.name)
+    expect(wrapper.state().musicSrc).toEqual(audioInfo.musicSrc)
+    expect(wrapper.state().singer).toEqual(audioInfo.singer)
+  })
+
+  it('should auto load if autoplayInitLoadPlayList is true when append audio list', () => {
+    const onAudioLoad = jest.fn()
+    window.HTMLMediaElement.prototype.load = () => {
+      onAudioLoad()
+    }
+    const { instance } = getApp({
+      autoplayInitLoadPlayList: true,
+      onAudioLoad,
+    })
+    const audioInfo = {
+      name: 'a',
+      singer: 'a',
+      musicSrc: 'c',
+    }
+    instance.appendAudio(0, [audioInfo])
+    expect(onAudioLoad).toHaveBeenCalled()
+  })
 })

example/example.js

@@ -577,14 +577,7 @@ class Demo extends React.PureComponent {
         <button
           type="button"
           onClick={() => {
-            this.audio.appendAudio(0, [
-              {
-                name: 'name',
-                singer: 'signer',
-                musicSrc:
-                  'http://podcasts.protocol-radio.com/podcast/protocol-radio-331.m4a',
-              },
-            ])
+            this.audio.appendAudio(0, audioList2)
           }}
         >
           append audio

src/index.js

@@ -1129,7 +1129,7 @@ export default class ReactJkMusicPlayer extends PureComponent {
     }
   }
 
-  canPlay = () => {
+  onAudioCanPlay = () => {
     this.setState({
       loading: false,
       playing: false,
@@ -1543,7 +1543,7 @@ export default class ReactJkMusicPlayer extends PureComponent {
     target = this.audio,
     eventsNames = {
       waiting: this.loadAndPlayAudio,
-      canplay: this.canPlay,
+      canplay: this.onAudioCanPlay,
       error: this.onAudioError,
       ended: this.onAudioEnd,
       pause: this.onAudioPause,
@@ -1863,6 +1863,7 @@ export default class ReactJkMusicPlayer extends PureComponent {
     })
     newAudioLists.splice(fromIndex, 0, ...addedAudioLists)
     this.changeAudioLists({ ...this.props, audioLists: newAudioLists })
+    this.onAudioCanPlay()
   }
 
   getEnhanceAudio = () => {