Add puppeteer config for CI environments for running visual tests workflow

[KshitijThareja]

Description

Add puppeteer config to set cache location and modify visual test workflow to install chrome before running tests.

Changelog

• [#PR no]
  • Description: -
  • Products impact: -
  • Addresses: -
  • Components: -
  • Breaking: -
  • Impacts a11y: -
  • Guidance: -

[#PR no]: PR link

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

After review

• The changelog item has been pasted to the CHANGELOG.md

Comments

[AlexVelezLl]

It seems that with this is working!! But I have removed the .puppeteerrc file and it still works without it, so it seems that is not needed. Is there an special reason to add this file?

[KshitijThareja]

Hey. Happy to hear that it works!
While going through some old GitHub issues in the Puppeteer repository, I read that adding a .puppeteer.rc file could help locate the cache directory in CI environments. As the error logs stated both the possibilities (either the browser is not installed or the path to cache directory is incorrectly configured), I decided to include both the changes.

I'll remove the file if things work fine without it :)