如何使用Appium+Robot Framework测试React Native混合应用视频播放功能

以下是可直接落地的验证方案：

• 播放控件状态断言
  提前给React Native视频组件（如react-native-video）设置accessibilityLabel标识，给播放按钮、暂停按钮、进度条、时间显示等控件分别定义唯一可识别标识，通过Appium关键字校验控件状态的变动逻辑：
  • 触发播放操作后，验证暂停按钮可见、播放按钮隐藏
  • 播放过程中多次获取进度条的value属性，验证数值持续增长
  • 校验时间显示控件的文本数值随播放进程同步变动
    示例Robot Framework用例片段：

  # 校验视频播放时进度正常变动
  ${init_progress}    Get Element Attribute    id=video_progress_bar    value
  Sleep    2
  ${current_progress}    Get Element Attribute    id=video_progress_bar    value
  Should Be True    ${current_progress} > ${init_progress}    视频进度无变化，播放异常
  

• 帧差视觉校验
  针对控件属性无法正常获取的场景，可通过连续截图对比验证画面变动：
  圈选视频播放的固定区域，间隔1-2秒连续截取3次以上画面，对比多帧图片的像素相似度，若相似度低于预设阈值（建议设为85%-90%）即可判定画面在正常播放。注意要等首帧封面/开场广告加载完成后再开始对比，避免误判。
• 异常场景UI表现校验
  覆盖常见异常场景的UI表现验证：
  • 网络切换（WiFi切4G、断网）时，校验缓冲提示控件正常展示，网络恢复后视频自动续播、进度无跳变
  • 应用切后台/跳转其他页面返回后，视频保持原有播放状态（暂停态返回仍暂停，播放态返回继续播放）
  • 触发快进/快退操作后，进度条、播放时间与操作进度匹配，画面同步跳转到对应时间点
• WebView内嵌视频特殊处理
  如果视频嵌在混合应用的WebView中，需要先切换Appium上下文到对应的WEBVIEW上下文，再通过JS获取video标签属性做校验：

  # 切换到WebView上下文校验播放状态
  Switch To Context    WEBVIEW_${你的应用包名}
  ${is_playing}    Execute Javascript    return !document.querySelector('video').paused
  Should Be True    ${is_playing}    WebView内嵌视频未正常播放
  Switch To Context    NATIVE_APP
  

• 音频输出校验（可选）
  若需要验证有声播放、音画同步等场景，可封装移动端原生音频录制能力为自定义Robot Framework关键字，录制播放过程中的音频，判断是否有持续的有效音频输出，排除画面正常但无声音的异常。

内容的提问来源于stack exchange，提问作者Chawki