google-chrome - TestCafe 中的浏览器功能

Question

我一直在 chrome( session 客户端)中使用 web 应用程序，它使用 webRTC(需要麦克风和摄像头访问权限)，同时尝试使用本地安装的 chrome 浏览器执行测试。

由 Testcafe 触发的 Chrome 实例不允许访问麦克风和摄像头。有没有办法像我们为 Selenium 和 Protractor 那样传递 chrome 功能？

browserstack 有一些替代方案提供的插件但是我们正在考虑为本地安装的浏览器实现它，我们可以在其中启用麦克风和摄像头访问。

解决方法已尝试:厌倦了使用 chrome 浏览器相关参数(例如 --use-fake-ui-for-media-stream --use-fake-device-for-media-stream)来提供虚假媒体流. (不成功)

测试代码:

import {Selector, t} from 'testcafe';

fixture(`Test Page`)
    .page('XXXXXXXXXXXXXX');

test('Validating Sanity of WebApp', async t => {
    await t
    .click(Selector('#create_meeting_btn1'));
});

命令行触发代码:

testcafe chrome test.js

Answer 1

Chrome 不允许从不安全的来源调用 getUserMedia API。您需要通过 HTTPS 运行 TestCafe。请参阅 this 中的分步说明。评论如下。

1. 启动 TestCafe 时指定 localhost 作为主机名:

   testcafe --hostname localhost ...
   

2. 获取有效的 SSL 证书或在您的操作系统中注册一个有效的自签名证书，并在 TestCafe 中启用 HTTPS 模式:

   testcafe --ssl pfx=/path/to/cert.pfx ...
   

我尝试了以下示例，它对我有用 --hostname localhost:

fixture `WebRTC`
    .page`https://webrtc.github.io/samples/src/content/getusermedia/canvas/`;

test(`test`, async t => t.wait(30000));