tests for api/basemap

test/modules/carto/api/basemap.spec.ts

@@ -0,0 +1,120 @@
+import {BASEMAP, CartoAPIError, fetchMap} from '@deck.gl/carto';
+import test from 'tape-catch';
+import {withMockFetchMapsV3} from '../mock-fetch';
+import {KeplerMapConfig} from '@deck.gl/carto/api/types';
+import {fetchBasemapProps} from '@deck.gl/carto/api/basemap';
+
+const mockedMapConfig: KeplerMapConfig = {
+  mapState: undefined,
+  mapStyle: {
+    styleType: 'positron',
+    visibleLayerGroups: {}
+  },
+  visState: {
+    layers: []
+  },
+  layerBlending: undefined,
+  interactionConfig: undefined
+};
+const mockedCartoStyle = {
+  id: '1234',
+  layers: [{id: 'label'}, {id: 'road'}, {id: 'boundaries'}, {id: 'water'}]
+};
+async function responseFunc(url: string) {
+  if (url === BASEMAP.VOYAGER) {
+    return {
+      json: async () => mockedCartoStyle
+    };
+  } else if (url === BASEMAP.DARK_MATTER) {
+    throw new Error('connection error');
+  } else {
+    return {
+      ok: false,
+      json: async () => {
+        throw new Error('fake error');
+      }
+    };
+  }
+}
+test('fetchBasemapProps#carto - no filters', async t =>
+  withMockFetchMapsV3(async calls => {
+    t.equals(calls.length, 0, '0 initial calls');
+
+    const r = await fetchBasemapProps({config: mockedMapConfig});
+    t.equals(calls.length, 0, 'no style loaded, when there are no filters');
+    t.deepEquals(r, {style: BASEMAP.POSITRON}, 'style is just positron URL');
+    t.end();
+  }, responseFunc));
+
+test('fetchBasemapProps#carto - with filters', async t =>
+  withMockFetchMapsV3(async calls => {
+    const r = await fetchBasemapProps({
+      config: {
+        ...mockedMapConfig,
+        mapStyle: {
+          styleType: 'voyager',
+          visibleLayerGroups: {label: false, road: true, border: true, water: true}
+        }
+      }
+    });
+    t.equals(calls.length, 1, 'should call fetch only once');
+    t.equals(calls[0].url, BASEMAP.VOYAGER, 'should request voyager style');
+    t.deepEquals(
+      r.style,
+      {
+        ...mockedCartoStyle,
+        layers: mockedCartoStyle.layers.filter(l => l.id !== 'label')
+      },
+      'actual style is loaded with layers filtered-out'
+    );
+    t.end();
+  }, responseFunc));
+
+test('fetchBasemapProps#custom', async t =>
+  withMockFetchMapsV3(async calls => {
+    const r = await fetchBasemapProps({
+      config: {
+        ...mockedMapConfig,
+        mapStyle: {
+          styleType: 'custom:uuid1234'
+        },
+        customBaseMaps: {
+          customStyle: {
+            id: 'custom:uuid1234',
+            style: 'http://example.com/style.json',
+            customAttribution: 'custom attribution'
+          }
+        }
+      }
+    });
+    t.equals(calls.length, 0, `shouldn't make any fetch requests`);
+    t.deepEquals(
+      r,
+      {style: 'http://example.com/style.json', attribution: 'custom attribution'},
+      'should return proper basemap settings'
+    );
+    t.end();
+  }, responseFunc));
+
+test('fetchBasemapProps#carto - error handling', async t =>
+  withMockFetchMapsV3(async calls => {
+    const expectedError = await fetchBasemapProps({
+      config: {
+        ...mockedMapConfig,
+        mapStyle: {
+          styleType: 'dark-matter',
+          visibleLayerGroups: {label: false, road: true, border: true, water: true}
+        }
+      }
+    }).catch(error => error);
+
+    t.equals(calls.length, 1, 'should call fetch only once');
+    t.equals(calls[0].url, BASEMAP.DARK_MATTER, 'should request proper style URL');
+    t.true(expectedError instanceof CartoAPIError, 'error is CartoAPIError');
+    t.equals(
+      expectedError.errorContext.requestType,
+      'Basemap style',
+      'proper requestType in error'
+    );
+    t.end();
+  }, responseFunc));

test/modules/carto/index.ts

@@ -1,3 +1,4 @@
+import './api/basemap.spec';
 import './api/carto-api-error.spec';
 import './api/fetch-map.spec';
 import './api/layer-map.spec';