#7 - How To Take Screenshots | Videos | Trace Files in Playwright

[@sumitjain7651]

nice explanation. Thanks. Question - page.screenshot() will also handle the component alignment issue? Like if I see component alignment bugs on prod, can I use this way to automate it?

[@gawielagrange4786]

When adding these lines to my playwright.config.js file, I do not get the screenshots, video or traces. I also do not get the suggestions when starting to type the commands. Same issue when I tried to add the viewport line. Is there another setting I need to change?

[@Mukeshotwani]

Which Code Editor u r using?

[@gawielagrange4786]

@@Mukeshotwani I am using Visual Studio Code v1.91.1, and the latest version of PlayWright.

[@sivaramakrishnareddyrajula9605]

Hi, I added screenshots to my HTML report and looks good when we open index.html. However, when I try to copy that report to desktop to attach test results in JIRA, all my screenshots are blank in the report on desktop. Can you help to fix this issue and make use of this report as test evidence to attach in JIRA?

[@4thepeoplefightforjustice66]

Is it possible to convert html without vidoes and traces (contains only screenshot)report to pdf ??

[@reshmapatil3473]

When i try to switch pages in my framework i see videos are not getting recorded for failures or success. Could you please guide?

[@Mukeshotwani]

Please check in config settings for video playwright.dev/docs/videos

[@skpiarmohammad5127]

How to enable invalid certificate in chrome flags

[@sagarsjdjfn]

unable to see the suggestions dropdown.

[@AlainBoudard]

It really depends on your IDE, Visual Studio Code will display suggestions most of the time.