Map screenshot utility for alert

[Doniaab]

Description

Screenshot Utility for Alerting System

new utility function to the alerting system that automates capturing a screenshot of the map displayed on a web application. The utility uses a provided URL to load the map, ensures all required elements are fully rendered, and captures screenshot of the element.

Use example :

await captureScreenshotFromUrl({
url: 'http://localhost:3000/?hazardLayerIds=anticipatory_action_storm&date=2025-01-14',
elementToScreenshot: '.maplibregl-canvas',
elementsToHide: ['.MuiDrawer-root', '.MuiList-root', '.MuiGrid-root'],
crop: {
x: 900,
y: 200,
width: 1000,
height: 800,
},
});

How to test the feature:

• [ ]
• [ ]

Checklist - did you ...

Test your changes with

• REACT_APP_COUNTRY=rbd yarn start
• REACT_APP_COUNTRY=cambodia yarn start
• REACT_APP_COUNTRY=mozambique yarn start
• Add / update necessary tests?
• Add / update outdated documentation?

Screenshot/video of feature:

[github-actions]

Build succeeded and deployed at https://prism-1414.surge.sh
(hash c4cbe33 deployed at 2025-01-30T09:43:48)

[Max-Z80]

@Doniaab : I am done with the review.