Merge pull request #60 from Stassi/feature/unified-open-street-map-ti…

…les-test

feature/unified-open-street-map-tiles-test

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stassi/leaf",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "description": "Leaflet adapter.",
   "keywords": [
     "cartography",

src/tutorial/accessibility/interactive.test.ts

@@ -4,25 +4,6 @@ describe('interactive accessibility tutorial', (): void => {
   })
 
   describe('map', (): void => {
-    describe('on initial page load', (): void => {
-      // eslint-disable-next-line jest/prefer-lowercase-title -- official case
-      describe('OpenStreetMap tiles', (): void => {
-        it('should render', async (): Promise<void> => {
-          ;(
-            await page.$$eval(
-              '.leaflet-tile-loaded',
-              (tiles: Element[]): (string | null)[] =>
-                tiles.map((tile: Element): string | null =>
-                  tile.getAttribute('src'),
-                ),
-            )
-          ).forEach((source: string | null): void => {
-            expect(source).toMatch(/^https:\/\/tile\.openstreetmap\.org\//)
-          })
-        })
-      })
-    })
-
     describe('"Tab"-focused marker when "Enter" is pressed', (): void => {
       it('should display popup text "Kyiv, Ukraine is the birthplace of Leaflet!"', async (): Promise<void> => {
         let markerFocused = false

src/tutorial/custom-icons/custom-icons.test.ts

@@ -4,25 +4,6 @@ describe('custom icons tutorial', (): void => {
   })
 
   describe('map', (): void => {
-    describe('on initial page load', (): void => {
-      // eslint-disable-next-line jest/prefer-lowercase-title -- official case
-      describe('OpenStreetMap tiles', (): void => {
-        it('should render', async (): Promise<void> => {
-          ;(
-            await page.$$eval(
-              '.leaflet-tile-loaded',
-              (tiles: Element[]): (string | null)[] =>
-                tiles.map((tile: Element): string | null =>
-                  tile.getAttribute('src'),
-                ),
-            )
-          ).forEach((source: string | null): void => {
-            expect(source).toMatch(/^https:\/\/tile\.openstreetmap\.org\//)
-          })
-        })
-      })
-    })
-
     describe('element displays popup text on click', (): void => {
       describe('markers with custom icons', (): void => {
         describe.each([

src/tutorial/mobile/mobile.test.ts

@@ -14,23 +14,6 @@ describe('mobile tutorial', (): void => {
   })
 
   describe('map', (): void => {
-    // eslint-disable-next-line jest/prefer-lowercase-title -- official case
-    describe('OpenStreetMap tiles', (): void => {
-      it('should render', async (): Promise<void> => {
-        ;(
-          await page.$$eval(
-            '.leaflet-tile-loaded',
-            (tiles: Element[]): (string | null)[] =>
-              tiles.map((tile: Element): string | null =>
-                tile.getAttribute('src'),
-              ),
-          )
-        ).forEach((source: string | null): void => {
-          expect(source).toMatch(/^https:\/\/tile\.openstreetmap\.org\//)
-        })
-      })
-    })
-
     describe('layer', (): void => {
       describe('circle', (): void => {
         it('should render', async (): Promise<void> => {

src/tutorial/open-street-map-tiles.test.ts

@@ -0,0 +1,24 @@
+// eslint-disable-next-line jest/prefer-lowercase-title -- official case
+describe('OpenStreetMap tiles', (): void => {
+  describe.each([
+    'accessibility/interactive',
+    'custom-icons/custom-icons',
+    'mobile/mobile',
+    'quick-start/quick-start',
+  ])('tutorial: %s', (path: string): void => {
+    it('should render', async (): Promise<void> => {
+      await page.goto(`http://localhost:3001/tutorial/${path}`)
+      ;(
+        await page.$$eval(
+          '.leaflet-tile-loaded',
+          (tiles: Element[]): (string | null)[] =>
+            tiles.map((tile: Element): string | null =>
+              tile.getAttribute('src'),
+            ),
+        )
+      ).forEach((source: string | null): void => {
+        expect(source).toMatch(/^https:\/\/tile\.openstreetmap\.org\//)
+      })
+    })
+  })
+})

src/tutorial/quick-start/quick-start.test.ts

@@ -7,23 +7,6 @@ describe('quick start tutorial', (): void => {
 
   describe('map', (): void => {
     describe('on initial page load', (): void => {
-      // eslint-disable-next-line jest/prefer-lowercase-title -- official case
-      describe('OpenStreetMap tiles', (): void => {
-        it('should render', async (): Promise<void> => {
-          ;(
-            await page.$$eval(
-              '.leaflet-tile-loaded',
-              (tiles: Element[]): (string | null)[] =>
-                tiles.map((tile: Element): string | null =>
-                  tile.getAttribute('src'),
-                ),
-            )
-          ).forEach((source: string | null): void => {
-            expect(source).toMatch(/^https:\/\/tile\.openstreetmap\.org\//)
-          })
-        })
-      })
-
       describe('standalone popup', (): void => {
         it('should display text "I am a standalone popup."', async (): Promise<void> => {
           expect(