getVideoPlaybackQuality function returns empty object for video element

[viraxslot]

Current behavior:

Function getVideoPlaybackQuality for video element returns {}

Desired behavior:

It should return VideoPlaybackQuality object, example in DevTools with the same site

Test code to reproduce

context('Video test', () => {
    beforeEach(() => {
        cy.visit('https://webrtc.github.io/samples/src/content/capture/video-video/');
    });

    it('video test', () => {
        const leftVideo = '#leftVideo';
        cy.contains('WebRTC samples');

        cy.get(leftVideo).then(($video) => {
            const video = $video.get(0);
            video.muted = true;
            video.play();

            cy.wait(2000);

            cy.log(video.videoWidth);
            cy.log(video.videoHeight);
            cy.log(video.getVideoPlaybackQuality());
        });
    });
});

Result

Versions

Cypress 5.1.0
Chrome 85
MacOS Catalina 10.15.6

[bahmutov]

Cy log prints an empty object because the video object does not have own enumerable properties

console.log(Object.getOwnPropertyNames(video.getVideoPlaybackQuality()))
// []

Thus Cypress log gets an empty object. You can pick your own properties to print using Lodash

cy.log(Cypress._.pick(video.getVideoPlaybackQuality(),
  ['corruptedVideoFrames', 'creationTime', 'droppedVideoFrames', 'totalVideoFrames']));

BUT this will print Object{4} since Cypress automatically collapses objects with more than two properties. So the best scenario here is to stringify the object before printin

cy.log(JSON.stringify(Cypress._.pick(video.getVideoPlaybackQuality(),
  ['corruptedVideoFrames', 'creationTime', 'droppedVideoFrames', 'totalVideoFrames'])));

[viraxslot]

@bahmutov thanks a lot!