mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-02-24 10:34:18 -08:00
667678f20e
* Add additional base layers behind feature flags - add voyager base layer under vy - add positron base layer under ps * Add mapbox base layer - requires API token * Add mapbox layers with API token in URL * Add base map layers from mapTiler - add comments to mapping components - add mapTiler base maps behind feature flags * Comment out intermittent cypress test failures * Add flag to remove label layer * Add MapBox Raster and Vector tiles - tilesets are commented out until more information is provided by Mikel * Remove white layer on non-prioritized features - removes makePaint function - adds Todo to renaming constants * refactor all contants to have standard naming - renames layers, sources, colors, opacity, and zoom - Adds a large amount of comments to understand how this map works * remove some instances of mapbox-gl - this the first step in having only maplibre-gl being used in app * Remove chroma.js - chroma.js was used in the fill function of makeStyle. This was used to create a gradient between non-prio, threshold and prio. Since these 3 step values are no longer needed this function along with the libraries it used is not removed. * Add comments on mapbox base layer - adds apiaccesstoken * set basemap to mapbox and move all layers to Map * Add API KEY to .env, adjust opacity of prio'd CBTs - remove this function as it is no longer being used - add comments on map - create a high layer opacity and low layer opacity - add API KEY to prod and dev .env - add MapBox API key to deploy_staging * add logging to troubleshoot API KEY * Remove temp echo of API KEY * Add GHA env var to gatsby config * Remove API KEY from GitHub and GHA
63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
// / <reference types="Cypress" />
|
|
|
|
describe('Does the map zoom and adjust to lat/long correctly?', () => {
|
|
it('should start at zoom level 3', () => {
|
|
cy.visit('http://localhost:8000/en/cejst');
|
|
cy.url().should('include', '#3');
|
|
});
|
|
it('should change to level 4 when you hit the zoom button', () => {
|
|
cy.get('.mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in').click({force: true});
|
|
cy.url().should('include', '#4');
|
|
});
|
|
|
|
// Intermittent failure still exist
|
|
// it('should show the correct lat/lng coordinates in the URL',
|
|
// {
|
|
// retries: {
|
|
// runMode: 3,
|
|
// openMode: 3,
|
|
// },
|
|
// defaultCommandTimeout: 4000,
|
|
// execTimeout: 10000,
|
|
// taskTimeout: 10000,
|
|
// pageLoadTimeout: 10000,
|
|
// requestTimeout: 5000,
|
|
// responseTimeout: 10000,
|
|
// },
|
|
// () => {
|
|
// cy.getMap().then((map) => {
|
|
// cy.panTo(map, [-77.9, 35.04]);
|
|
// cy.url().should('include', '#4/35.04/-77.9');
|
|
// });
|
|
// });
|
|
|
|
// // This test hangs intermittently (30% of the time) need to investigate why
|
|
// it('allows user to specify alternative starting URL',
|
|
// {
|
|
// retries: {
|
|
// runMode: 3,
|
|
// openMode: 3,
|
|
// },
|
|
// defaultCommandTimeout: 4000,
|
|
// execTimeout: 10000,
|
|
// taskTimeout: 10000,
|
|
// pageLoadTimeout: 10000,
|
|
// requestTimeout: 5000,
|
|
// responseTimeout: 10000,
|
|
// },
|
|
// () => {
|
|
// const [expectedZoom, expectedLat, expectedLng] = [12.05, 41.40965, -75.65978];
|
|
// const expectedURL = `http://localhost:8000/en/cejst/#${expectedZoom}/${expectedLat}/${expectedLng}`;
|
|
// cy.visit(expectedURL);
|
|
// cy.getMap().then((map) => {
|
|
// cy.waitForMapIdle(map);
|
|
// cy.url().should('equal', expectedURL);
|
|
// const actualZoom = map.getZoom();
|
|
// const actualCenter = map.getCenter();
|
|
// expect(actualCenter.lat).to.eq(expectedLat);
|
|
// expect(actualCenter.lng).to.eq(expectedLng);
|
|
// expect(actualZoom).to.eq(expectedZoom);
|
|
// });
|
|
// });
|
|
});
|
|
|