Merge branch 'locales-issue-994' of https://github.com/prushforth/MapML.js into locales-issue-994

Author: prushforth

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

@@ -101,25 +101,60 @@ test.describe('<mapml-viewer> localization tests', () => {
       'lmExtentSettings'
     ];
 
+    const layerNames = ['dfLayer', 'dfExtent'];
+
     for (const [language, locale] of locales) {
-      // select the current map
+      // select the current map and layer menu
       const map = await page.getByTestId(language);
-
-      // check all setting buttons
       const layerMenu = await map.locator(
         '.leaflet-control-layers.leaflet-control'
       );
+
+      // check all setting buttons
       const buttons = await layerMenu.locator('.mapml-button');
       const buttonCount = await buttons.count();
-      expect(buttonCount).toBe(buttonNames.length);
-      for (let i = 0; i < buttonCount; i++) {
+      expect(buttonCount).toBeGreaterThan(buttonNames.length);
+      for (let i = 0; i < buttonNames.length; i++) {
         const button = buttons.nth(i);
         const text = await button.getAttribute('title');
         expect(text).toBeTruthy();
-        expect(text.startsWith(locale[buttonNames[i]])).toBe(true);
+        expect(text).toBe(locale[buttonNames[i]]);
       }
 
-      // check opacity and default layer/extent names
+      // check layer opacity
+      const layerOpacity = await layerMenu.locator(
+        '.mapml-layer-item-opacity.mapml-control-layers'
+      );
+      const layerOpacityText = await layerOpacity.nth(1).textContent();
+      expect(layerOpacityText).toBeTruthy();
+      expect(layerOpacityText).toBe(locale.lcOpacity);
+
+      // check extent opacity
+      const extentOpacity = await layerMenu.locator(
+        '.mapml-layer-item-details.mapml-control-layers'
+      );
+      const extentOpacityText = await extentOpacity.textContent();
+      expect(extentOpacityText).toBeTruthy();
+      expect(extentOpacityText).toBe(locale.lcOpacity);
+
+      // check default layer/extent names
+      const layers = await layerMenu.locator('.mapml-layer-item-toggle');
+      const layerCount = await layers.count();
+      expect(layerCount).toBeGreaterThan(layerNames.length);
+      for (let i = 0; i < layerNames.length; i++) {
+        const layer = layers.nth(i);
+        const layerName = await layer.textContent();
+        expect(layerName).toBeTruthy();
+        expect(layerName).toBe(locale[layerNames[i]]);
+      }
+
+      // check layer style
+      const style = await layerMenu.locator(
+        '.mapml-layer-item-style.mapml-control-layers summary'
+      );
+      const styleText = await style.textContent();
+      expect(styleText).toBeTruthy();
+      expect(styleText).toBe(locale.lmStyle);
     }
   });
 

test/server.js

@@ -12,7 +12,6 @@ app.use((req, res, next) => {
   next();
 });
 
-
 //then loads in the index file
 app.use(express.static(path.join(__dirname, '../dist')));
 app.use(express.static(path.join(__dirname, 'e2e/core')));