Merge pull request #70 from Stassi/feature/device-pixel-ratio-from-sc…

…ale-factor

feature/device-pixel-ratio-from-scale-factor

package.json

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

src/test-utilities/browser-configuration.ts

@@ -0,0 +1,20 @@
+export function setBrowserConfiguration({
+  deviceScaleFactor = 1,
+  url,
+}: {
+  url: string
+} & Partial<{
+  deviceScaleFactor: number
+}>): () => Promise<void> {
+  return async (): Promise<void> => {
+    await page.evaluateOnNewDocument((devicePixelRatio: number): void => {
+      Object.defineProperty(window, 'devicePixelRatio', {
+        get: (): number => devicePixelRatio,
+      })
+    }, deviceScaleFactor)
+
+    await page.setViewport({ deviceScaleFactor, height: 600, width: 800 })
+
+    await page.goto(url)
+  }
+}

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

@@ -1,14 +1,17 @@
 import { expectImagesLoaded } from 'test-utilities/expect/loaded/images.js'
 import { expectOpenStreetMapTilesLoaded } from 'test-utilities/expect/loaded/open-street-map-tiles.js'
+import { setBrowserConfiguration } from 'test-utilities/browser-configuration.js'
 
 describe('custom icons tutorial', (): void => {
   describe.each([1, 2])(
     'device scale factor: %d',
     (deviceScaleFactor: number): void => {
-      beforeAll(async (): Promise<void> => {
-        await page.setViewport({ deviceScaleFactor, height: 600, width: 800 })
-        await page.goto('http://localhost:3001/tutorial/dist/custom-icons')
-      })
+      beforeAll(
+        setBrowserConfiguration({
+          deviceScaleFactor,
+          url: 'http://localhost:3001/tutorial/dist/custom-icons',
+        }),
+      )
 
       describe('map', (): void => {
         // eslint-disable-next-line jest/prefer-lowercase-title -- official case

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

@@ -2,15 +2,18 @@ import { type BoundingBox } from 'puppeteer'
 
 import { expectImagesLoaded } from 'test-utilities/expect/loaded/images.js'
 import { expectOpenStreetMapTilesLoaded } from 'test-utilities/expect/loaded/open-street-map-tiles.js'
+import { setBrowserConfiguration } from 'test-utilities/browser-configuration.js'
 
 describe('quick start tutorial', (): void => {
   describe.each([1, 2])(
     'device scale factor: %d',
     (deviceScaleFactor: number): void => {
-      beforeAll(async (): Promise<void> => {
-        await page.setViewport({ deviceScaleFactor, height: 600, width: 800 })
-        await page.goto('http://localhost:3001/tutorial/dist/quick-start')
-      })
+      beforeAll(
+        setBrowserConfiguration({
+          deviceScaleFactor,
+          url: 'http://localhost:3001/tutorial/dist/quick-start',
+        }),
+      )
 
       describe('map', (): void => {
         describe('on initial page load', (): void => {