Testcafe skips frames from video

[hd-esteban]

What is your Test Scenario?

I'm generating the test case videos but it seems that testcafe is not getting enough frames to create the video.

What is the Current behavior?

I have an animation in my test case and when I run the test I don't get any errors and video is created properly. But when I play the video it seems to be paused because it is generated with very few frames. Basically each second shows a frame even if play with the ffmpeg options to increase the fps, framesv, etc.

What is the Expected behavior?

Smoother animations in videos

 createTestCafe('localhost', 1337, 1338)
    .then(testcafe => {
        const runner = testcafe.createRunner();
        return runner
            .src(specsPath + '/run-animation.spec.ts')
            .video(artifactsPath, {
                "pathPattern": `${timestamp}.mp4`
            }, {
                "r": 60,
            })
            .browsers(['chrome'])
            .reporter('json')
            .run()
            .then(failedCount => {
                console.log('Failed count: ', failedCount);
            })
            .catch(error => {
                console.log('Error: ', error);
            });
    });

• testcafe version: 1.1.2
• node.js version: 10.13.0
• browser name and version: Chrome 73
• platform and version: macOSX high sierra

[Farfurix]

@Esteban26

Hello.
Since we are using the FFmpeg library I do not think this issue relates to TestCafe.
In addition to referring to the FFmpeg documentation, I can only suggest you decrease the test execution speed. It will allow you to make the recorded actions more understandable.

[hd-esteban]

I think this issue should not be closed since Testcafe its getting the video frames with its screenshot module, so it is a problem with test cafe because there are not enough frames to complete an smoother animation. Doesn't make sense for me and maybe for somebody else solve the issue by increasing the animation time execution because in that case I won't test what I need...

[hd-esteban]

As you can see on this video got with Test cafe, it is only getting one frame for each second... and ffmpeg doesn't get the video frames.

https://drive.google.com/file/d/1Vsi5P8efIGT_EbxsevELKhu--0003e-h/view?usp=sharing

[AlexKamaev]

@Esteban26
Your video requires permission, so I requested access.
I tested video recording (in Chrome) and can confirm that the video is not smooth. So I'll reopen the issue and will discuss possible solutions with the team. However, I cannot give you any estimate since the solution can be really complex.