[WIP] [RFC] [PoC] Automated screenshots

[dgdavid]

A mix between a PoC and RFC for automated screenshots using viteshot

A bit tricky at this moment because there are some warnings and the development server must be running (?) for taking the screenshots with npm run screenshots

But the idea is to have a way to automating and sending screenshots of specific components, easing the process to make a PR and keep up-to-date the screenshots shown in the README, always using the same sizes and so on (see reviewing screenshots and screenshot consistency).

Useful links:

• https://viteshot.com/
• https://viteshot.com/docs/managing-screenshots#option-4-upcoming-screendiff-platform
• https://playwright.dev/
• https://github.com/microsoft/playwright/blob/main/packages/playwright-core/src/server/deviceDescriptorsSource.json

[coveralls]

Pull Request Test Coverage Report for Build 2095794380

• 0 of 4 (0.0%) changed or added relevant lines in 2 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage decreased (-0.2%) to 81.705%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
web/src/InstallationFinished.screenshot.jsx	0	1	0.0%
web/src/ScreenshotsWrapper.jsx	0	3	0.0%

Totals
Change from base Build 2095008124:	-0.2%
Covered Lines:	1026
Relevant Lines:	1247

---

💛 - Coveralls

[imobachgs]

I like the idea. It would help to keep the screenshots up-to-date. I think it is worth giving it a try.

[teclator]

I also like it.

[dgdavid]

I'm still thinking that would be a good thing for the project, but now that we switched to webpack we should look for a similar solution in the webpack world.

Thus, closing this PR.