Company
Date Published
Author
Gleb Bahmutov
Word count
1667
Language
English
Hacker News points
None

Summary

The blog post by Gleb Bahmutov provides a comprehensive guide on generating high-resolution videos and screenshots during Cypress test executions to enhance debugging and presentation quality. The author highlights an issue with blurry images when running tests on continuous integration (CI) systems due to discrepancies between the viewport size and the actual browser window size, particularly when using the default Cypress settings on Linux. To address this, Bahmutov suggests increasing the browser window size, especially when running tests headlessly in external browsers like Chrome, Edge, or Firefox, rather than the built-in Electron browser, by using the browser launch API to set a higher resolution of 1920x1080 pixels or even 4K if necessary. The post emphasizes the importance of not compressing videos too much to maintain quality and provides practical examples and code snippets to implement these changes effectively. Additionally, links to source code, a video demonstration, and a GitHub discussion are offered to further support users in improving their test artifacts.