Videos don't start on chrome, they start on other browsers

[Adam]

Hello, below you can find my TestCafe test:

import { Selector } from 'testcafe';

fixture Test

const closeCookiesWindow = Selector ('#app > div.cookie-notice > div > div > button');
const startExampleVOD = Selector ('#app > div.layout.layout-default > div > div.container.player-test-container > div:nth-child(3) > div:nth-child(1) > div > span');
const startExampleLiveChannel = Selector ('#app > div.layout.layout-default > div > div.container.player-test-container > div:nth-child(3) > div:nth-child(2) > div > span');

test.page(https://player.pl/przetestuj-usluge)('Test: Example Videos', async t => {

await t
.click(closeCookiesWindow)
.wait(1000)
.click(startExampleVOD)
.click(startExampleLiveChannel)
.wait(50000);

});

I start the test from terminal:
testcafe chrome,firefox,edge abc.js

On chrome:
- Test VOD will only show advertisement, then after ads video won't start,
- Test Live channel will never start.

On Firefox, Edge:
- Test VOD will show advertisement and after ads will start,
- Test Live channel will immediately start.

I need to start the video in chrome to for example check if video description/subtitles are displayed on video player. Could you give me a hint what is the problem with chrome browser here?

[MarinaRukavitsyna]

Hi Adam,
I run your site in Chrome, and none of videos play. I see a lot of errors in the browser console, e.g.:

Failed to load resource: the server responded with a status of 403 (Forbidden)
przetestuj-usluge:1 The SSL certificate used to load resources from https://rts.ipsos.pl will be distrusted in M70. Once distrusted, users will be prevented from loading these resources. See https://g.co/chrome/symantecpkicerts for more information.
proxy.html:82 Calling getCart, cid=397790234 null
UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14 [Deprecation] chrome.loadTimes() is deprecated, instead use standardized API: Navigation Timing 2. https://www.chromestatus.com/features/5637885046816768.
done @ UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14
UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14 [Deprecation] chrome.loadTimes() is deprecated, instead use standardized API: nextHopProtocol in Navigation Timing 2. https://www.chromestatus.com/features/5637885046816768.
done @ UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14
UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14 [Deprecation] chrome.loadTimes() is deprecated, instead use standardized API: Paint Timing. https://www.chromestatus.com/features/5637885046816768.
done @ UXNZS-RYLJT-8VBQQ-FNZMH-TNUXW:14
playerapi/product/1628/player/configuration?type=MOVIE&platform=BROWSER&4K=true:1 Failed to load resource: the server responded with a status of 403 (Forbidden)
portal.js?v=1b317c97cbfc:2 Uncaught (in promise) Error: Request failed with status code 403
at t.exports (portal.js?v=1b317c97cbfc:2)
_ at t.exports (portal.js?v=1b317c97cbfc:2)_
_ at XMLHttpRequest.h.(anonymous function) as zone_symbolON_PROPERTYreadystatechange_
_ at XMLHttpRequest.H (polyfills.942207901072f0395901.bundle.js:1)_
_ at t.invokeTask (polyfills.942207901072f0395901.bundle.js:1)_
_ at r.runTask (polyfills.942207901072f0395901.bundle.js:1)_
_ at e.invokeTask as invoke_
_ at h (polyfills.942207901072f0395901.bundle.js:1)_
_ at XMLHttpRequest.d (polyfills.942207901072f0395901.bundle.js:1)_

It looks like Chrome cannot play videos from this web site.

[Adam]

Thank you for response Marina.

This is strange, because I non-stop use google chrome on that website and I am able to watch all the videos. Did you try to start any other video from https://player.pl/?

Colleague of mine also created similar test in Selenium and video started in chrome. The problem is only in TestCafe google chrome.

[MarinaRukavitsyna]

Adam,
I tried the following page from your first post: https://player.pl/przetestuj-usluge. Does it work for you?

Nevertheless, would please open your tested page in a browser and enable the browser console (press F12 for this). If there are JS errors there, you can either fix them on your website or skip them during testing using the -e or --skip-js-errors option:

-e, --skip-js-errors documentation

If there are no any errors in the browser console, try to update TestCafe to the latest version: 0.20.0-alpha.4

If this does not help, please provide us with a simple test so that we can see the issue locally. If you do not want to share your data with other users, you can send a private message to me.

[Adam]

Both https://player.pl/przetestuj-usluge and https://player.pl work for me in chrome, but not in TestCafe chrome.

I have made another test and opened youtube video in TestCafe and it does not start for me in chrome as well.
It works in firefox and microsoft edge. I reinstalled chrome (Chrome 66.0.3359 / Windows 10.0.0), didn't help.

const playButton = Selector ('#movie_player > div.ytp-chrome-bottom > div.ytp-chrome-controls > div.ytp-left-controls > button');

test.page(https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=236s)('Test: Example Videos', async t => {

await t
.wait(10000)
.click(playButton)
.wait(20000);

});

In the test above I open website with youtube video, wait 10s for video to start, then try to click play button and wait another 20s. Video does not start at any point, it is freezed like in the picture.

[MarinaRukavitsyna]

Hi Adam,

Your "youTube" test passes properly on my side in Chrome if I run it with the -e argument.

Nevertheless, I have found one issue when running the test, which we are going to fix in the context of the following thread:

The getRegistration method of navigator.serviceWorker should be overridden

In addition, at present, TestCafe proxy fully supports only http. We are going to add support for https soon:

Run testcafe with https protocol