video.test.js

jest.setTimeout(60000);
describe('component-native-video', () => {
  const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
  const isAndroid = platformInfo.startsWith('android')
  const isIOS = platformInfo.startsWith('ios')
  const isMP = platformInfo.startsWith('mp')
  const isWeb = platformInfo.startsWith('web')
  if(isWeb){
    // TODO: web 端暂不支持测试
    it('web', async () => {
      expect(1).toBe(1)
    })
    return
  }
  let page;
  let start = 0;
  beforeAll(async () => {
    page = await program.reLaunch('/pages/component/video/video');
    if(process.env.uniTestPlatformInfo.startsWith('web')){
      await page.setData({
        muted: true
      });
    }
    await page.waitFor(1000);
  });

  it('test API', async () => {
    expect(await page.data('isError')).toBe(false);
    // play
    await page.callMethod('play');
    await page.waitFor(100);
    expect(await page.data('isPlaying')).toBe(true);
    // pause
    await page.callMethod('pause');
    await page.waitFor(100);
    expect(await page.data('isPause')).toBe(true);
  });

  if(!isMP) {
    it('test local source', async () => {
      await page.setData({
        autoTest: true,
        isError: false
      });
      const oldSrc = await page.data('src');
      await page.callMethod('downloadSource');
      await page.waitFor(5000);
      expect(await page.data('isError')).toBe(false);
      await page.setData({
        src: '/static/test-video/2minute-demo.m3u8'
      });
      await page.waitFor(100);
      expect(await page.data('isError')).toBe(false);
      await page.setData({
        src: oldSrc
      });
    });

    it('test assets path', async () => {
      if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) return;
      const oldSrc = await page.data('src');
      await page.setData({
        isError: false,
        src: 'file:///android_asset/uni-autoTest/demo10s.mp4'
      });
      await page.waitFor(500);
      expect(await page.data('isError')).toBe(false);
      await page.setData({
        src: oldSrc
      });
    });
  }
  it('test event play pause controlstoggle', async () => {
    await page.setData({
      autoTest: true,
    });
    await page.callMethod('play');
    start = Date.now();
    await page.waitFor(async () => {
      return (await page.data('eventPlay')) || (Date.now() - start > 500);
    });
    if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
      // expect(await page.data('eventPlay')).toEqual({
      //   type: 'play'
      // });
    }else {
      expect(await page.data('eventPlay')).toEqual({
        tagName: isMP ? undefined : 'VIDEO',
        type: 'play'
      });
    }
    await page.callMethod('pause');
    start = Date.now();
    await page.waitFor(async () => {
      return (await page.data('eventPause')) || (Date.now() - start > 1000);
    });
    if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
      // expect(await page.data('eventPause')).toEqual({
      //   type: 'pause'
      // });
    } else {
       expect(await page.data('eventPause')).toEqual({
         tagName: isMP ? undefined : 'VIDEO',
         type: 'pause'
       });
    }
    if(!isMP && !isWeb) {
      /**
       * app端video组件controlstoggle事件会在controls显示和隐藏触发（播放、暂停等操作都会触发）。
       * 微信小程序和web播放暂停或者一些其他的操作也会影响controls的显隐，但是不会触发controlstoggle， 只有controls属性变化的时候才会触发
       */
      await page.callMethod('play');
      start = Date.now();
      await page.waitFor(async () => {
        return (await page.data('eventControlstoggle')) || (Date.now() - start > 1000);
      });
      if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
        // expect(await page.data('eventControlstoggle')).toEqual({
        //   tagName: 'VIDEO',
        //   type: 'controlstoggle',
        //   show: true
        // });
      } else {
        expect(await page.data('eventControlstoggle')).toEqual({
          tagName: isMP ? undefined : 'VIDEO',
          type: 'controlstoggle',
          show: true
        });
      }
    }

  });

  it('test event waiting progress', async () => {
    if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
      return
    }
    await page.callMethod('seek', 10);
    start = Date.now();
    await page.waitFor(async () => {
      return (await page.data('eventWaiting')) && (await page.data('eventProgress')) || (Date.now() - start > 1000);
    });
    expect(await page.data('eventWaiting')).toEqual({
      tagName: isMP ? undefined : 'VIDEO',
      type: 'waiting'
    });
    expect(await page.data('eventProgress')).toEqual({
      tagName: isMP ? undefined : 'VIDEO',
      type: 'progress',
      isBufferedValid: true
    });
  });

  if (isAndroid) {
    it('test event fullscreenchange fullscreenclick', async () => {
      await page.callMethod('requestFullScreen');
      start = Date.now();
      await page.waitFor(async () => {
        return (await page.data('eventFullscreenchange')) || (Date.now() - start > 1000);
      });
      expect(await page.data('eventFullscreenchange')).toEqual({
        tagName: isMP ? undefined : 'VIDEO',
        type: 'fullscreenchange',
        fullScreen: true,
        direction: 'horizontal'
      });
      const infos = process.env.uniTestPlatformInfo.split(' ');
      const version = parseInt(infos[infos.length - 1]);
      if (process.env.uniTestPlatformInfo.startsWith('android') && version > 5) { // android5.1模拟器全屏时会弹出系统提示框，无法响应adb tap命令
        await page.waitFor(5000);
        await program.adbCommand('input tap 10 10');
        start = Date.now();
        await page.waitFor(async () => {
          return (await page.data('eventFullscreenclick')) || (Date.now() - start > 1000);
        });
        const res = await program.adbCommand('wm size');
        const width = res.data.split(' ').at(-1).split('x')[0];
        const height = res.data.split(' ').at(-1).split('x')[1];
        const res2 = await program.adbCommand('wm density');
        const scale = res2.data.split(' ').at(-1) / 160;
        expect(await page.data('eventFullscreenclick')).toEqual({
          tagName: isMP ? undefined : 'VIDEO',
          type: 'fullscreenclick',
          screenX: parseInt(10 / scale),
          screenY: parseInt(10 / scale),
          screenWidth: parseInt(height / scale),
          screenHeight: parseInt(width / scale)
        });
      }
      await page.callMethod('exitFullScreen');
    });
  }

  it('test event ended timeupdate', async () => {
    if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
      return
    }
    await page.callMethod('seek', 120);
    start = Date.now();
    await page.waitFor(async () => {
      return (await page.data('eventEnded')) || (Date.now() - start > 30000);
    });
    expect(await page.data('eventEnded')).toEqual({
      tagName: isMP ? undefined : 'VIDEO',
      type: 'ended'
    });
    const infos = process.env.uniTestPlatformInfo.split(' ');
    const version = parseInt(infos[infos.length - 1]);
    if (process.env.uniTestPlatformInfo.startsWith('android') && version > 5) {
      start = Date.now();
      await page.waitFor(async () => {
        return (await page.data('eventTimeupdate')) || (Date.now() - start > 500);
      });
      expect(await page.data('eventTimeupdate')).toEqual({
        tagName: isMP ? undefined : 'VIDEO',
        type: 'timeupdate',
        currentTime: 121,
        duration: 121
      });
    }
  });

  it('test event error', async () => {
    if (isIOS || isMP) {
      return
    }
    const oldSrc = await page.data('src');
    await page.setData({
      src: 'invalid url'
    });
    start = Date.now();
    await page.waitFor(async () => {
      return (await page.data('eventError')) || (Date.now() - start > 1000);
    });
    expect(await page.data('eventError')).toEqual({
      tagName: 'VIDEO',
      type: 'error',
      errCode: 300001
    });
    await page.setData({
      autoTest: false,
      src: oldSrc
    });
  });

  it('test sub component', async () => {
    if (isIOS || isMP) {
      return
    }
    await page.setData({
      subCompEnable: true,
      subCompShow: true
    });
    await page.waitFor(100);
    expect(await page.callMethod('hasSubComponent')).toBe(true);
  });

  it('test format', async () => {
    page = await program.navigateTo('/pages/component/video/video-format');
    await page.waitFor(1000);
    expect((await page.data('isError')).value).toBe(false);
  });
});