Added tests for the top left control buttons

Author: yushan-mu

test/e2e/mapml-viewer/localization.test.js

@@ -169,6 +169,47 @@ test.describe('<mapml-viewer> localization tests', () => {
     for (const [language, locale] of locales) {
       // select the current map
       const map = await page.getByTestId(language);
+
+      // zoom in
+      const zoomIn = await map.locator('.leaflet-control-zoom-in');
+      const zoomInText = await zoomIn.getAttribute('title');
+      expect(zoomInText).toBeTruthy();
+      expect(zoomInText).toBe(locale.btnZoomIn);
+
+      // zoom out
+      const zoomOut = await map.locator('.leaflet-control-zoom-out');
+      const zoomOutText = await zoomOut.getAttribute('title');
+      expect(zoomOutText).toBeTruthy();
+      expect(zoomOutText).toBe(locale.btnZoomOut);
+
+      // reload
+      const reload = await map.locator('.mapml-reload-button.mapml-button');
+      const reloadText = await reload.getAttribute('title');
+      expect(reloadText).toBeTruthy();
+      expect(reloadText).toBe(locale.cmReload);
+
+      // fullscreen
+      const fullscreen = await map.locator(
+        '.leaflet-control-fullscreen-button.leaflet-bar-part'
+      );
+      const fullscreenText = await fullscreen.getAttribute('title');
+      expect(fullscreenText).toBeTruthy();
+      expect(fullscreenText).toBe(locale.btnFullScreen);
+
+      // click fullscreen button
+      await fullscreen.click();
+
+      // exit fullscreen
+      // await expect(fullscreen).toHaveAttribute('title', locale.btnExitFullScreen);
+      // await page.waitForTimeout(5000);
+      // const exitFullscreen = await map.locator(
+      //   '.leaflet-control-fullscreen-button.leaflet-bar-part'
+      // );
+      // const exitFullscreenText = await exitFullscreen.getAttribute('title');
+      // expect(exitFullscreenText).toBeTruthy();
+      // expect(exitFullscreenText).toBe(locale.btnExitFullScreen);
+
+      await fullscreen.click();
     }
   });