[fix] CI跑MapExtendSymbolSpec 不稳定

review by zhaoq

Author: MyShallowTime

test/maplibregl/overlay/symbol/MapExtendSymbolSpec.js

@@ -7,7 +7,43 @@ describe('maplibregl_MapExtendSymbol', () => {
     // var populationUrl = GlobeParameter.populationURL;
     var testDiv, map;
     var originalTimeout;
-    beforeAll(() => {
+    // 尝试解决方法来源 https://github.com/jestjs/jest/issues/1256
+    var createMap = () => {
+        return new Promise((resolve) => {
+            var map = new maplibregl.Map({
+                container: 'map',
+                style: {
+                    "version": 8,
+                    "sources": {
+                       /*  "raster-tiles": {
+                            "type": "raster",
+                            "tiles": [url + '/zxyTileImage.png?z={z}&x={x}&y={y}'],
+                            "tileSize": 256
+                        },
+                        "全国人口密度空间分布图": {
+                            "tiles": [
+                                populationUrl + "/tileFeature.mvt?z={z}&x={x}&y={y}"
+                            ],
+                            "type": "vector"
+                        } */
+                    },
+                    "layers": [/* {
+                        "id": "simple-tiles",
+                        "type": "raster",
+                        "source": "raster-tiles",
+                        "minzoom": 0,
+                        "maxzoom": 22
+                    } */]
+                },
+                center: [116.40, 39.79],
+                zoom: 3
+            });
+            map.on('load', function () {
+                resolve(map);
+            });
+        })
+    }
+    beforeAll(async () => {
         new maplibregl.supermap.WebSymbol().init();
         testDiv = document.createElement("div");
         testDiv.setAttribute("id", "map");
@@ -17,34 +53,7 @@ describe('maplibregl_MapExtendSymbol', () => {
         testDiv.style.width = "500px";
         testDiv.style.height = "500px";
         document.body.appendChild(testDiv);
-        map = new maplibregl.Map({
-            container: 'map',
-            style: {
-                "version": 8,
-                "sources": {
-                   /*  "raster-tiles": {
-                        "type": "raster",
-                        "tiles": [url + '/zxyTileImage.png?z={z}&x={x}&y={y}'],
-                        "tileSize": 256
-                    },
-                    "全国人口密度空间分布图": {
-                        "tiles": [
-                            populationUrl + "/tileFeature.mvt?z={z}&x={x}&y={y}"
-                        ],
-                        "type": "vector"
-                    } */
-                },
-                "layers": [/* {
-                    "id": "simple-tiles",
-                    "type": "raster",
-                    "source": "raster-tiles",
-                    "minzoom": 0,
-                    "maxzoom": 22
-                } */]
-            },
-            center: [116.40, 39.79],
-            zoom: 3
-        });
+        map = await createMap();
     });
     beforeEach(() => {
         originalTimeout = jasmine.DEFAULT_TIMEOUT_INTERVAL;
@@ -55,7 +64,7 @@ describe('maplibregl_MapExtendSymbol', () => {
     });
     afterAll(() => {
         window.document.body.removeChild(testDiv);
-        map.remove();
+        map = null;
     });