mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-07-29 10:51:16 -07:00
522872037a* Add basic accordion in AreaDetail * Refactor AreaDetail to use a Grid layout - adds useWindowSize to detect window resizes for mobile view - Map and AreaDetail to use Grid - removes some component styling from J40 - updates snapshot - MapWrapper to use Grid * Add custom Accordion styling - make J40 map a 9:3 Grid layout split - override native Accordion heading styles - make the Accordion multi-selectable - add some dummy data for indicators * Update AreaDetail to match design - remove styles in AreaDetail - increase height of MapInfoPanel - add Accordian items (indicators) - updates snapshot * Add a Beta Tag to the logo * Change the line height on indicators descriptions * Update package-lock after the rebase * Remove threshold from MapLegend - move feature selected border color to utils - remove all tooltip logic - remove all styles associated with tooltips - add legend label and descript to constants - refactor tests to be snapshots * Add borders between additional indicators * Modify copy and update styles - add the ordinal superscript back - update the copy - update the snapshots * Add additional indicators keys * Connect indicator keys to the UI - update the areaDetail snapshot * Render additional indicators accordion open onLoad - update snapshot * Update copy on About page * Update copy on indicator descriptions - update snapshots * Update the "How you can help section" - update the snapshot * Add a comma to "ZIP file will contain..." * Add the Datasets section to the methodology page - update snapshot * Update Methodology process list to trussworks - remove custom process list - remove custom CSS from global file - change copy * Modify layout of Methodology to using Grid - modify Dataset section to use Grid - remove outdated component CSS - update the snapshot * Update copy based on product feedback - update snapshots * Remove Accordions - updates snapshots - white CBG groups will show "Not community of focus"
50 lines
1.8 KiB
TypeScript
50 lines
1.8 KiB
TypeScript
import * as React from 'react';
|
|
import {render} from '@testing-library/react';
|
|
import AreaDetail, {getCategorization, readablePercentile} from '..';
|
|
import {LocalizedComponent} from '../../../test/testHelpers';
|
|
import * as constants from '../../../data/constants';
|
|
|
|
describe('rendering of the AreaDetail', () => {
|
|
const properties = {
|
|
[constants.POVERTY_PROPERTY_PERCENTILE]: 99,
|
|
[constants.EDUCATION_PROPERTY_PERCENTILE]: 98,
|
|
[constants.LINGUISTIC_ISOLATION_PROPERTY_PERCENTILE]: 97,
|
|
[constants.UNEMPLOYMENT_PROPERTY_PERCENTILE]: 96,
|
|
[constants.HOUSING_BURDEN_PROPERTY_PERCENTILE]: 95,
|
|
[constants.SCORE_PROPERTY_HIGH]: 95,
|
|
[constants.GEOID_PROPERTY]: 98729374234,
|
|
[constants.TOTAL_POPULATION]: 3435435,
|
|
};
|
|
|
|
const {asFragment} = render(
|
|
<LocalizedComponent>
|
|
<AreaDetail properties={properties}/>
|
|
</LocalizedComponent>,
|
|
)
|
|
;
|
|
|
|
it('checks if various text fields are visible', () => {
|
|
expect(asFragment()).toMatchSnapshot();
|
|
});
|
|
});
|
|
|
|
describe('tests the readablePercentile function', () => {
|
|
expect(readablePercentile(.98)).toEqual(98);
|
|
expect(readablePercentile(.07)).toEqual(7);
|
|
expect(readablePercentile(.123)).toEqual(12);
|
|
expect(readablePercentile(.789)).toEqual(79);
|
|
});
|
|
|
|
describe('tests the getCategorization function', () => {
|
|
it(`should equal Community of focus for value >= ${constants.SCORE_BOUNDARY_LOW}`, () => {
|
|
expect(getCategorization(.756)).toEqual(['Community of focus', undefined]);
|
|
});
|
|
|
|
it(`should equal Threshold for .60 <= value < ${constants.SCORE_BOUNDARY_THRESHOLD}`, () => {
|
|
expect(getCategorization(.65)).toEqual(['Not a community of focus', undefined]);
|
|
});
|
|
|
|
it(`should equal Non-prioritized for value < ${constants.SCORE_BOUNDARY_PRIORITIZED}`, () => {
|
|
expect(getCategorization(.53)).toEqual(['Not a community of focus', undefined]);
|
|
});
|
|
});
|