如何在 TestCafe 中测试网络摄像头功能？答案

【问题标题】：How to test webcam functionality in TestCafe?如何在 TestCafe 中测试网络摄像头功能？
【发布时间】：2021-02-18 08:55:26
【问题描述】：

所以基本上我想编写一个涉及用户网络摄像头的 E2E 测试，但我不知道如何解决授予使用网络摄像头的权限或模拟它。它是一款适用于学校的远程学习软件，主要功能之一是学生/教师可以为学校项目上传文件和录制视频，然后下载生成的 .webm 文件。目前我无法让浏览器授予 TestCafe 使用网络摄像头的权限。

我试过给 Chrome 这些参数--use-fake-ui-for-media-stream --use-fake-device-for-media-stream

这是我的一些示例代码，在“开始视频录制”之后它应该授予权限：

    .click(Selector('.assignment-title').withText('Testcafe task'))
    .click(Selector('.uppy-DashboardTab-name').withText('Use camera'))
    .click(Selector('button[title="Start video recording"]'))

据我了解，navigator.mediaDevices.getUserMedia({video: true}) 应该可以通过某种方式实现，但是如何将其迁移到我的代码中，或者它们是如何结合在一起的？

【问题讨论】：

标签： javascript testing automated-tests e2e-testing testcafe

【解决方案1】：

testcafe-examples 存储库中有一个使用此功能的示例：Mock Camera/Microphone Access。如果示例对您没有帮助，请使用更多详细信息更新您的问题（包含测试代码的最小项目或公共 URL 会有所帮助）。

【讨论】：

非常感谢你的例子，我以前不知道那个页面。我设法让它完美地工作并获得了更好的整体理解。