// Set the screen resolution, as things render differently on different screen widths

await page.setViewport({

width: 1200,

height: 800,

})

// Go to the URL which switches into the demo account and wait for the redirect to finish

await page.goto('https://apps.sematext.com/demo');

await page.waitForTimeout(3000);

const SYNTHETICS_APP_SELECTOR = 'a[href="/ui/synthetics"]';

await page.waitForSelector(SYNTHETICS_APP_SELECTOR);

await page.click(SYNTHETICS_APP_SELECTOR);

// Wait for the locations map to show up, then wait a bit more for it to load fully for the screenshot

await page.waitForSelector('[id="locationsMap"]');

await page.waitForTimeout(2500); // We only need this to load everything for the screenshot

await page.screenshot({ path: 'synthetics.png' });

// Ensure the sidebar element for navigating to the Infra page exists, then click it

const INFRA_APP_SELECTOR = 'a[href="/ui/infrastructure"]';

await page.waitForSelector(INFRA_APP_SELECTOR);

await page.click(INFRA_APP_SELECTOR);