@maptiler/sdk 3.10.2 → 3.11.0-rc.1

package/e2e/tests/AnimatedRouteLayer.test.ts

@@ -0,0 +1,45 @@
+import { expect, test } from "@playwright/test";
+import getMapInstanceForFixture from "./helpers/getMapInstanceForFixture";
+import { AnimatedRouteLayer } from "index";
+import { Map as SDKMap } from "../../src";
+import expected from "./expected-results/animatedRouteLayer-1.json" assert { type: "json" };
+
+test.setTimeout(60000);
+
+test("Follows the correct path taking screenshots at each interval", async ({ page }) => {
+  await getMapInstanceForFixture({
+    fixture: "animatedRouteLayer",
+    page,
+    timeout: 20000,
+  });
+
+  expect(await page.title()).toBe("MapTiler E2E Animated Route Layer");
+
+  await page.exposeFunction("notifyScreenshotStateReady", async (data: Record<string, TTestTransferData>) => {
+    await expect(page).toHaveScreenshot(`animated-route-${data.frame}.png`, { timeout: 10000 });
+    expect(data).toEqual(expected[data.frame as number]);
+  });
+
+  await page.evaluate(async () => {
+    const NUM_SCREENSHOTS = 20;
+    const NUM_FRAMES_BETWEEN_SCREENSHOTS = 20;
+
+    const { animatedRouteLayer } = window.__pageObjects as { animatedRouteLayer: AnimatedRouteLayer };
+    const map = window.__map as SDKMap;
+
+    for (let i = 0; i < NUM_SCREENSHOTS; i++) {
+      for (let j = 0; j < NUM_FRAMES_BETWEEN_SCREENSHOTS; j++) {
+        animatedRouteLayer.updateManual();
+      }
+      await window.notifyScreenshotStateReady({
+        frame: i,
+        center: map.getCenter().toArray(),
+        zoom: map.getZoom(),
+        pitch: map.getPitch(),
+        bearing: map.getBearing(),
+      });
+    }
+  });
+
+  await page.clock.runFor(10000);
+});

package/e2e/tests/expected-results/animatedRouteLayer-1.json

@@ -0,0 +1,202 @@
+[
+  {
+    "frame": 0,
+    "center": [
+      -5.503929002848309,
+      55.4483007795622
+    ],
+    "zoom": 13.597391304347825,
+    "pitch": 31.947826086956518,
+    "bearing": 11.519999999999984
+  },
+  {
+    "frame": 1,
+    "center": [
+      -5.494306507214272,
+      55.45260568705471
+    ],
+    "zoom": 13.694782608695652,
+    "pitch": 33.89565217391305,
+    "bearing": 23.039999999999967
+  },
+  {
+    "frame": 2,
+    "center": [
+      -5.4847766939001055,
+      55.456341598415534
+    ],
+    "zoom": 13.792173913043479,
+    "pitch": 35.84347826086956,
+    "bearing": 34.55999999999994
+  },
+  {
+    "frame": 3,
+    "center": [
+      -5.47551525819489,
+      55.458429883545875
+    ],
+    "zoom": 13.889565217391306,
+    "pitch": 37.7913043478261,
+    "bearing": 46.08000000000004
+  },
+  {
+    "frame": 4,
+    "center": [
+      -5.466386579957341,
+      55.45786010242567
+    ],
+    "zoom": 13.98695652173913,
+    "pitch": 39.739130434782595,
+    "bearing": 57.5999999999999
+  },
+  {
+    "frame": 5,
+    "center": [
+      -5.456458559208864,
+      55.45492011392358
+    ],
+    "zoom": 14.080833333333333,
+    "pitch": 41.616666666666646,
+    "bearing": 69.11999999999988
+  },
+  {
+    "frame": 6,
+    "center": [
+      -5.446867581532185,
+      55.450369942302345
+    ],
+    "zoom": 14.174166666666665,
+    "pitch": 43.483333333333306,
+    "bearing": 80.63999999999987
+  },
+  {
+    "frame": 7,
+    "center": [
+      -5.439028090093324,
+      55.44499120300809
+    ],
+    "zoom": 14.267499999999998,
+    "pitch": 45.34999999999995,
+    "bearing": 92.15999999999974
+  },
+  {
+    "frame": 8,
+    "center": [
+      -5.434377841151178,
+      55.43952366752272
+    ],
+    "zoom": 14.36083333333333,
+    "pitch": 47.21666666666662,
+    "bearing": 103.67999999999971
+  },
+  {
+    "frame": 9,
+    "center": [
+      -5.43311389465943,
+      55.43324650239726
+    ],
+    "zoom": 14.454166666666664,
+    "pitch": 49.08333333333328,
+    "bearing": 115.19999999999958
+  },
+  {
+    "frame": 10,
+    "center": [
+      -5.434429903751231,
+      55.42600313911657
+    ],
+    "zoom": 14.5495652173913,
+    "pitch": 50.99130434782601,
+    "bearing": 126.71999999999957
+  },
+  {
+    "frame": 11,
+    "center": [
+      -5.437873760108215,
+      55.41891989490018
+    ],
+    "zoom": 14.646956521739126,
+    "pitch": 52.93913043478252,
+    "bearing": 138.23999999999944
+  },
+  {
+    "frame": 12,
+    "center": [
+      -5.443006655985472,
+      55.41312262574964
+    ],
+    "zoom": 14.744347826086951,
+    "pitch": 54.88695652173903,
+    "bearing": 149.75999999999942
+  },
+  {
+    "frame": 13,
+    "center": [
+      -5.4499391085932265,
+      55.409337644340205
+    ],
+    "zoom": 14.841739130434776,
+    "pitch": 56.83478260869554,
+    "bearing": 161.2799999999993
+  },
+  {
+    "frame": 14,
+    "center": [
+      -5.459819490789649,
+      55.4067402980882
+    ],
+    "zoom": 14.939130434782603,
+    "pitch": 58.78260869565205,
+    "bearing": 172.79999999999927
+  },
+  {
+    "frame": 15,
+    "center": [
+      -5.47123217877749,
+      55.40534177652458
+    ],
+    "zoom": 14.963478260869572,
+    "pitch": 59.2695652173914,
+    "bearing": -175.6800000000006
+  },
+  {
+    "frame": 16,
+    "center": [
+      -5.482473284326108,
+      55.40528476529595
+    ],
+    "zoom": 14.866086956521741,
+    "pitch": 57.321739130434835,
+    "bearing": -164.16000000000034
+  },
+  {
+    "frame": 17,
+    "center": [
+      -5.491891314343822,
+      55.406754767241175
+    ],
+    "zoom": 14.768695652173912,
+    "pitch": 55.37391304347826,
+    "bearing": -152.64
+  },
+  {
+    "frame": 18,
+    "center": [
+      -5.500207589677342,
+      55.41051551816846
+    ],
+    "zoom": 14.671304347826085,
+    "pitch": 53.42608695652168,
+    "bearing": -141.11999999999966
+  },
+  {
+    "frame": 19,
+    "center": [
+      -5.507948762779925,
+      55.41611228060025
+    ],
+    "zoom": 14.573913043478255,
+    "pitch": 51.478260869565105,
+    "bearing": -129.59999999999934
+  }
+]