ISVJ-8227 大屏中对地图属性值为空值的对象进行点选查询视频显示异常 review by luox

Author: xiongjiaojiao

src/common/video-player/VideoPlayer.vue

@@ -63,6 +63,7 @@ interface playerOptions {
   poster?: string;
   controlBar?: any;
   notSupportedMessage?: string;
+  suppressNotSupportedError?: Boolean;
   techOrder?: Array<string>;
   flash?: any;
   flvjs?: any;
@@ -197,17 +198,23 @@ class SmVideoPlayer extends Vue {
     });
   }
 
+  clearSrc() {
+    if (this.playerOptions.sources) {
+      this.playerOptions.sources[0].src = '';
+      this.modalPlayerOptions.sources[0].src = '';
+    }
+  }
+
   handlePlayerOptions(options = this.options) {
     if (!this.url) {
+      this.clearSrc();
+      this.playerOptions.suppressNotSupportedError = true;
       return {};
     }
     if (!this.checkUrl(this.url)) {
       // @ts-ignore
       Message.warning(this.$t('warning.unsupportedVideoAddress'), 1);
-      if (this.playerOptions.sources) {
-        this.playerOptions.sources[0].src = '';
-        this.modalPlayerOptions.sources[0].src = '';
-      }
+      this.clearSrc();
       return {};
     }
     if (!this.isMatchPosterUrl(options.poster)) {

src/common/video-player/__tests__/VideoPlayer.spec.js

@@ -129,4 +129,33 @@ describe('VideoPlayer.vue', () => {
     const res9 = wrapper.vm.isMatchPosterUrl('http://127.0.0.0:8080/a.png');
     expect(res9).toBeTruthy();
   });
+  it('clear src when url is empty', async (done) => {
+    const url = 'http://1.fakeurlAA.flv';
+    wrapper = mount(SmVideoPlayer, {
+      localVue,
+      propsData: {
+        url,
+        isFullscreen: false,
+        ratio: 'origin',
+        options: {
+          muted: true,
+          loop: false,
+          popupToPlay: true,
+          autoplay: false,
+          controlBar: true,
+          poster: ''
+        }
+      },
+      attachToDocument: 'body'
+    });
+    expect(wrapper.find('.sm-component-video-player').exists()).toBe(true);
+    expect(wrapper.vm.playerOptions.sources[0].src).toBe(url);
+    expect(wrapper.vm.modalPlayerOptions.sources[0].src).toBe(url);
+    await wrapper.setProps({
+      url: ''
+    });
+    expect(wrapper.vm.playerOptions.sources[0].src).toBe('');
+    expect(wrapper.vm.modalPlayerOptions.sources[0].src).toBe('');
+    done();
+  });
 });