Tiles 6597 empty styles (#37)

* empty style

* --openssl-legacy-provider and update command

* removed --openssl-legacy-provider

package.json

@@ -17,6 +17,7 @@
     "prettier:write": "prettier --write \"./**/*.{ts,tsx,js,json,html,css,md}\"",
     "lint": "tslint -p tsconfig.json 'src/**/*.ts' 'demo/**/*.ts'",
     "test:screenshots": "webpack --test && TEST_SUITE=screenshots jest --forceExit --projects test/screenshots --colors",
+    "test:screenshots:update": "webpack --test && TEST_SUITE=screenshots jest --forceExit --projects test/screenshots --colors -u",
     "test:screenshots:watch": "webpack --test && TEST_SUITE=screenshots jest --forceExit --watchAll --projects test/screenshots --colors",
     "test:screenshots:no-headless": "webpack --test && NO_HEADLESS=true TEST_SUITE=screenshots jest --forceExit --projects test/screenshots --colors"
   },

test/puppeteer/utils.ts

@@ -92,3 +92,13 @@ export async function makeSnapshot(
 export async function waitForMapReady(page: PuppeteerPage) {
     await page.waitForFunction(() => window.map.isIdle());
 }
+
+export const emptyStyle = {
+    version: 1,
+    name: '',
+    background: {
+        color: '#f5f2e0',
+    },
+    layers: [],
+    icons: {},
+};

test/screenshots/plugin.screen.ts

@@ -1,11 +1,12 @@
 import { pageSetUp, Page } from '../puppeteer';
-import { API_KEY, DEFAULT_STYLE } from '../puppeteer/config';
+import { API_KEY } from '../puppeteer/config';
 import {
     makeScreenshotsPath,
     makeSnapshot,
     initMapWithOptions,
     defaultFontsPath,
     waitForMapReady,
+    emptyStyle,
 } from '../puppeteer/utils';
 import { HexagonLayer } from '@deck.gl/aggregation-layers/typed';
 import * as puppeteer from 'puppeteer';
@@ -16,7 +17,8 @@ describe('Base tests', () => {
     beforeEach(async () => {
         page = await pageSetUp();
         await initMapWithOptions(page, {
-            style: DEFAULT_STYLE,
+            //@ts-ignore
+            style: emptyStyle,
             styleOptions: {
                 fontsPath: defaultFontsPath,
             },
@@ -30,9 +32,12 @@ describe('Base tests', () => {
         await waitForMapReady(page);
         await page.evaluate(() => {
             window.polyline = new window.Polyline(window.map, {
-                coordinates: [[59, 24], [59.296872, 24.261885]],
+                coordinates: [
+                    [59, 24],
+                    [59.296872, 24.261885],
+                ],
             });
-        })
+        });
         await page.evaluate(() => {
             window.deckgl = window.initDeck(window.map, window.Deck, { antialiasing: 'msaa' });
         });
@@ -70,13 +75,13 @@ describe('Base tests', () => {
                 },
                 {
                     point: {
-                        lon: 59.299030,
+                        lon: 59.29903,
                         lat: 24.254414,
                     },
                 },
                 {
                     point: {
-                        lon: 59.299030,
+                        lon: 59.29903,
                         lat: 24.254413,
                     },
                 },