Fix AREA MEDIAN INCOME prop on map (#860)

- add indicator values of selected CBG to console
- update snapshots
- update cypress tests (failure on zoom)

client/src/components/AreaDetail/index.tsx

@@ -65,7 +65,7 @@ const AreaDetail = ({properties}:IAreaDetailProps) => {
   const areaMedianIncome:indicatorInfo = {
     label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.AREA_MEDIAN_INCOME),
     description: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATOR_DESCRIPTION.AREA_MEDIAN_INCOME),
-    value: properties[constants.POVERTY_PROPERTY_PERCENTILE],
+    value: properties[constants.AREA_MEDIAN_INCOME_PERCENTILE],
   };
   const eduInfo:indicatorInfo = {
     label: intl.formatMessage(EXPLORE_COPY.SIDE_PANEL_INDICATORS.EDUCATION),

client/src/components/AreaDetail/tests/__snapshots__/areaDetail.test.tsx.snap

@@ -68,7 +68,7 @@ exports[`rendering of the AreaDetail checks if various text fields are visible 1
           Area Median Income
         </h4>
         <div>
-          9900
+          19
           <sup>
             <span>
               th
@@ -90,7 +90,7 @@ exports[`rendering of the AreaDetail checks if various text fields are visible 1
           Education, less than high school
         </h4>
         <div>
-          9800
+          98
           <sup>
             <span>
               th
@@ -112,7 +112,7 @@ exports[`rendering of the AreaDetail checks if various text fields are visible 1
           Poverty
         </h4>
         <div>
-          9900
+          12
           <sup>
             <span>
               th
@@ -266,7 +266,7 @@ exports[`rendering of the AreaDetail checks if various text fields are visible 1
           Housing cost burden
         </h4>
         <div>
-          9500
+          95
           <sup>
             <span>
               th

client/src/components/AreaDetail/tests/areaDetail.test.tsx

@@ -7,14 +7,15 @@ 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.POVERTY_PROPERTY_PERCENTILE]: .12,
+    [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,
+    [constants.AREA_MEDIAN_INCOME_PERCENTILE]: .19,
   };
 
   const {asFragment} = render(

client/src/components/J40Map.tsx

@@ -90,6 +90,7 @@ const J40Map = ({location}: IJ40Interface) => {
       );
       if (feature.id !== selectedFeatureId) {
         setSelectedFeature(feature);
+        console.log(feature.properties);
       } else {
         setSelectedFeature(undefined);
       }