cypress-io / cypress

Fast, easy and reliable testing for anything that runs in a browser.
https://cypress.io
MIT License
46.84k stars 3.17k forks source link

Ability to record *.gifs #1511

Open emosGambler opened 6 years ago

emosGambler commented 6 years ago

Is this a Feature or Bug?

Feature request!

Current situation:

Currently we've got a possibility to record and save videos from test runs, which is really great! But many times QA's have to report a bug which is very hard to describe, e.g. animation behaving somehow wrong, weird UI jumps, etc.

Desired feature:

I would love to see a possibility in a test run to be able to save a *.gif file for chosen steps, so that I can easily and fast explain wrong behavior of UI for my dear developers.

Additional Info (images, stack traces, etc)

Very good work on cypress though. I am impressed!

Anyone sharing the same opinion?

rsudarson commented 6 years ago

+1. This would be nice a feature from cypress.

Vandivier commented 4 years ago

Great idea! As a further enhancement, it would be nice to gif on a selector, so that I can see the animation for one component and minimize file size and extraneous information when I send to a teammate.

jennifer-shehane commented 4 years ago

You should be able to grab the path of the created video using the Module API and transform the video yourself into a .gif - save it at a location of your choice. I would suggest doing this today as this issue is very low priority for our team to work on. Not really sure we will work on this tbh since it is possible to do this yourself.

rsudarson commented 4 years ago

This feature will help a lot in terms of debugging. If cypress provides a callback to transform video to gif would make reporting analysis easier. Users can transform mp4 to gif (selected portion before the test failure) using https://github.com/vvo/gifify Can you please re-consider the priority of this feature.

@jennifer-shehane @brian-mann @bahmutov - Thoughts?

bahmutov commented 4 years ago

This is a good suggestion @rsudarson and I plan to implement something like this in https://github.com/bahmutov/cypress-movie/issues/10

Maxim-Mazurok commented 3 years ago

This may be useful to view test results in VS Code. There's no way to play mp4 in VS Code, because it doesn't have ffmpeg support: https://stackoverflow.com/a/51735036/4536543

So, gifs are the way to go

wxtim commented 11 months ago

GIF's are also a neat way of communicating usage to customers.

However it's worth noting that ffmpeg should (at least in theory) be able to output gifs. Will get back to you if I actually manage to do this.