chore: E2E tests maintenance

e2e/chart-actions.spec.ts

@@ -1,3 +1,5 @@
+import { promises } from "fs";
+
 import { setup } from "./common";
 
 const { test, expect } = setup();
@@ -18,3 +20,23 @@ test("it should be possible to duplicate a chart", async ({
   expect(await chartTabs.count()).toBe(2);
 });
 
+test("it should be possible to make a screenshot of a chart", async ({
+  page,
+  actions,
+  selectors,
+}) => {
+  await actions.chart.createFrom({
+    iri: "https://energy.ld.admin.ch/sfoe/bfe_ogd84_einmalverguetung_fuer_photovoltaikanlagen/10",
+    dataSource: "Prod",
+  });
+  await selectors.chart.loaded();
+  const chartMoreButton = await selectors.chart.moreButton();
+  await chartMoreButton.click();
+  const downloadPromise = page.waitForEvent("download");
+  await (await selectors.mui.popover().findByText("Export PNG")).click();
+  const download = await downloadPromise;
+  expect((await promises.stat(await download.path())).size).toBeGreaterThan(
+    // Assuring the file is not empty.
+    4000
+  );
+});

e2e/selectors.ts

@@ -124,6 +124,11 @@ export const createSelectors = ({ screen, page, within }: Ctx) => {
         // Let the map tiles fade in and enter animations finish
         await sleep(1_000);
       },
+      screenshot: {
+        png: async () => {
+          return await screen.findByTestId("screenshot-png");
+        },
+      },
       tablePreviewSwitch: async () => {
         return await screen.findByText("Table view");
       },