updating dependencies, and committing yarn.lock file

tilechartmap.spec updates

.gitignore

@@ -20,7 +20,6 @@ _site/
 *.rar
 *.tar
 *.zip
-yarn.lock
 
 # Logs and databases #
 ######################

package.json

@@ -36,9 +36,9 @@
     "@babel/core": "^7.24.7",
     "@babel/eslint-parser": "^7.24.7",
     "@babel/preset-react": "^7.24.7",
-    "@babel/runtime": "^7.24.7",
-    "@cfpb/browserslist-config": "0.0.2",
-    "@cfpb/cfpb-design-system": "^3.2.2",
+    "@babel/runtime": "^7.26.0",
+    "@cfpb/browserslist-config": "0.0.3",
+    "@cfpb/cfpb-design-system": "3.2.2",
     "@craco/craco": "^7.1.0",
     "@csstools/postcss-sass": "^5.1.1",
     "@csstools/sass-import-resolve": "^1.0.0",
@@ -52,7 +52,7 @@
     "britecharts": "git+https://github.com/cfpb/britecharts.git#v2.4.2",
     "coveralls": "^3.0.9",
     "craco-esbuild": "^0.6.1",
-    "cypress": "^13.11.0",
+    "cypress": "^13.16.0",
     "d3": "^7.9.0",
     "dayjs": "^1.11.10",
     "eslint": "^8.57.0",
@@ -61,9 +61,9 @@
     "eslint-plugin-cypress": "^3.2.0",
     "eslint-plugin-jsdoc": "^48.2.5",
     "eslint-plugin-react-redux": "^4.1.0",
-    "highcharts": "9.2.2",
+    "highcharts": "11.4.8",
     "history": "^5.3.0",
-    "husky": "^9.0.11",
+    "husky": "^9.1.7",
     "identity-obj-proxy": "3.0.0",
     "intro.js": "^7.2.0",
     "intro.js-react": "1.0.0",
@@ -73,7 +73,7 @@
     "mini-css-extract-plugin": "^2.9.0",
     "mockdate": "^3.0.5",
     "postcss": "^8.4.38",
-    "postcss-preset-env": "^9.5.13",
+    "postcss-preset-env": "^10.1.1",
     "postcss-safe-parser": "^7.0.0",
     "postcss-scss": "^4.0.9",
     "prettier": "^3.3.1",

src/components/Map/TileChartMap/TileChartMap.spec.js

@@ -71,8 +71,8 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('11,397')).toBeInTheDocument();
 
     // need to mouseover to initialize the toggleState handler
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: add', 'FL');
 
@@ -110,20 +110,20 @@ describe('TileChartMap', () => {
     expect(screen.getByTestId('tile-chart-map')).toBeInTheDocument();
     expect(screen.getByTestId('tile-chart-map')).not.toHaveClass('print');
 
-    await screen.findByLabelText('1. FL, value: 11,397.');
+    await screen.findByLabelText('FL, value: 11,397.');
 
     expect(screen.getByText('Complaints per 1,000')).toBeInTheDocument();
     expect(screen.getByText('FL')).toBeInTheDocument();
     expect(screen.getByText('0.56')).toBeInTheDocument();
 
     // tooltip check
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(
       screen.getByText('Product with highest complaint volume'),
     ).toBeVisible();
 
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: add', 'FL');
     expect(addStateFilterSpy).toHaveBeenCalledWith({
       abbr: 'FL',
@@ -164,8 +164,8 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('11,397')).toBeInTheDocument();
 
     // need to mouseEnter to initialize the toggleState handler!
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: remove', 'FL');
     expect(removeStateFilterSpy).toHaveBeenCalledWith({
       abbr: 'FL',
@@ -205,16 +205,12 @@ describe('TileChartMap', () => {
     expect(await screen.findByText('FL')).toBeInTheDocument();
     expect(await screen.findByText('0.56')).toBeInTheDocument();
 
-    expect(screen.getByLabelText('31. OK, value: 535.')).toHaveClass(
-      'deselected',
-    );
-    expect(screen.getByLabelText('1. FL, value: 11,397.')).toHaveClass(
-      'selected',
-    );
+    expect(screen.getByLabelText('OK, value: 535.')).toHaveClass('deselected');
+    expect(screen.getByLabelText('FL, value: 11,397.')).toHaveClass('selected');
 
     // need to mouseEnter to initialize the toggleState handler!
-    fireEvent.mouseEnter(screen.getByLabelText('1. FL, value: 11,397.'));
-    fireEvent.click(screen.getByLabelText('1. FL, value: 11,397.'));
+    fireEvent.mouseEnter(screen.getByLabelText('FL, value: 11,397.'));
+    fireEvent.click(screen.getByLabelText('FL, value: 11,397.'));
 
     expect(analyticsSpy).toHaveBeenCalledWith('State Event: remove', 'FL');
     expect(removeStateFilterSpy).toHaveBeenCalledWith({