如何在 TestCafe 中測試網絡攝像頭功能？

Question

所以基本上我想編寫一個涉及用戶網絡攝像頭的 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})以某種方式實現，但是如何將其遷移到我的代碼中，或者它們是如何結合在一起的？

Answer 1

testcafe-examples存儲庫中有一個使用此功能的示例： Mock Camera/Microphone Access 。 如果該示例對您沒有幫助，請使用更多詳細信息更新您的問題（一個最小的項目或帶有您的測試代碼的公共 URL 會有所幫助）。