mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-02-23 10:04:18 -08:00
92501e4715
* Re-order nav links, update download box to include shapefiles, squishy pages (#1536) * Add dropdown to navigation links - add download page - move main pages tests to their own folder - add download and public eng snapshot test - remove public engagement button on each page - swap index with cejst - update cypress ENDPOINTS - upate gatsby-config sitemap - update snapshots - cypress tests are failing * Make all page endpoints constants - fix all cypress tests - refactor all test to use LegacyTests/constants/PAGES_ENDPOINTS - gatsby-config to use PAGES_ENDPOINTS - remove ScoreStepList component - update J40Header to use constants.PAGES_ENDPOINTS - update snapshots - there are 3 locations to update PAGES_ENDPOINTS, namely 1. LegacyTests/constants.tsx 2. constants.tsx 3. gatsby-config * Add two placeholder pages - FAQs - TSD * remove dropdown from navigation menu - remove dropdown from gherkin tests - update snapshots * Add back public engagement button to all pages - add send button in area detail alt tag to i18n - modify public engagement button to have same CSS as send feedback button - update snapshots * Update download box to include shapefile downloads - refator download packet scss - add shapefile URL to .env files - update tests - index forwarding pattern - update snapshots * Add FAQ link to About page * Update footer - add PEC - add RFI - add github link * Update the staging link URL and title * Update download Box to match design sync - update FAQ link copy * Add comment for reason of commented code
67 lines
2.7 KiB
JavaScript
67 lines
2.7 KiB
JavaScript
// / <reference types="Cypress" />
|
|
|
|
/*
|
|
A risk with this test is that if the feature/area that is currently being selected become non-prioritized, then this
|
|
test will fail. However it would be a major win for that area!
|
|
*/
|
|
import {PAGES_ENDPOINTS} from './constants';
|
|
|
|
const devices = [
|
|
[1024, 720],
|
|
['iphone-6', 'portrait'],
|
|
['samsung-s10', 'portrait'],
|
|
];
|
|
|
|
describe('tests that the map side panel renders MapIntroduction component', () => {
|
|
devices.forEach((device) => {
|
|
it(`should render MapIntroduction component on ${device[0]} x ${device[1]}`, () => {
|
|
cy.visit(PAGES_ENDPOINTS.EXPLORE);
|
|
cy.viewport(device[0], device[1]);
|
|
cy.get('aside').should('be.visible');
|
|
});
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Todo: Ticket #423:
|
|
*
|
|
* After fixing the PR deployed URL in regards to the mobile view (parent height
|
|
* not setting to 44vh) by creating a state variable to force a re-render, this
|
|
* cypress test regressed and is now failing. Need to investigate why.
|
|
*
|
|
* See this ticket for more info:
|
|
* https://app.zenhub.com/workspaces/justice40-60993f6e05473d0010ec44e3/issues/usds/justice40-tool/423
|
|
*
|
|
* Tried
|
|
* 1. reloading the page
|
|
* 2. forcing the 44vh value via a selector (data-cy and class)
|
|
*/
|
|
// describe('tests that the map side panel renders AreaDetail component', () => {
|
|
// devices.forEach((device) => {
|
|
// it(`should render AreaDetail component on ${device[0]} x ${device[1]}`, () => {
|
|
// // Only set the viewport for mobile devices:
|
|
// cy.visit(ENDPOINTS.EXPLORE_THE_TOOL);
|
|
// if (!Number.isInteger(device[0])) cy.viewport(device[0], device[1]);
|
|
// cy.reload(true);
|
|
// cy.get('div[class*="mapContainer"]').invoke('attr', 'height', '44vh');
|
|
// cy.getMap().then((map) => {
|
|
// // Loop over the click event simulating zooming by a certain amount
|
|
// // The map will end at the end zoom level
|
|
// const endZoomLevel = device[0].isInteger ? 11 : 10;
|
|
// for (let zoom = 3; zoom <= endZoomLevel; zoom++) {
|
|
// cy.get('.mapboxgl-ctrl-zoom-in > .mapboxgl-ctrl-icon').click();
|
|
// cy.waitForMapIdle(map);
|
|
// }
|
|
// cy.get('.overlays').click('bottomRight');
|
|
// cy.get('aside').should('be.visible');
|
|
// cy.get('[data-cy="score"]').should('be.visible');
|
|
// cy.get('[data-cy="indicatorBox"]').should('be.visible');
|
|
// cy.get('[data-cy="indicatorBox"]')
|
|
// .each((indicator) => cy.wrap(indicator)
|
|
// // currently the padding-top on desktop = 1.5rem => 24px
|
|
// // currently the padding-top on mobile = .8 rem => 8px
|
|
// .should('have.css', 'padding-top', `${Number.isInteger(device[0]) ? '24px' : '8px'}`));
|
|
// });
|
|
// });
|
|
// });
|
|
// });
|