Update npm non-major dependencies (#2952)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ole Martin Handeland <git@olemartin.org>

package.json

@@ -31,55 +31,55 @@
     "bench": "tsx --expose_gc --tsconfig benchmarks/tsconfig.json benchmarks/${0}"
   },
   "devDependencies": {
-    "@babel/core": "7.26.0",
-    "@babel/plugin-transform-runtime": "7.25.9",
-    "@babel/preset-env": "7.26.0",
+    "@babel/core": "7.26.8",
+    "@babel/plugin-transform-runtime": "7.26.8",
+    "@babel/preset-env": "7.26.8",
     "@babel/preset-react": "7.26.3",
-    "@babel/runtime": "7.26.0",
-    "@babel/runtime-corejs3": "7.26.0",
-    "@eslint/compat": "1.2.5",
+    "@babel/runtime": "7.26.7",
+    "@babel/runtime-corejs3": "7.26.7",
+    "@eslint/compat": "1.2.6",
     "@faker-js/faker": "9.4.0",
-    "@percy/cli": "1.30.6",
+    "@percy/cli": "1.30.7",
     "@percy/cypress": "3.1.3",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "@tanstack/react-query-devtools": "5.64.2",
-    "@testing-library/cypress": "10.0.2",
+    "@tanstack/react-query-devtools": "5.66.0",
+    "@testing-library/cypress": "10.0.3",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
-    "@testing-library/user-event": "14.6.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/dot-object": "2.1.6",
     "@types/jest": "29.5.14",
     "@types/js-levenshtein": "1.1.3",
     "@types/json-schema": "7.0.15",
     "@types/leaflet": "1",
     "@types/marked": "6.0.0",
     "@types/mime": "4.0.0",
-    "@types/node": "22.10.7",
+    "@types/node": "22.13.1",
     "@types/react": "18.3.18",
     "@types/react-dom": "18.3.5",
     "@types/react-router-dom": "5.3.3",
     "@types/uuid": "10.0.0",
-    "@typescript-eslint/eslint-plugin": "8.21.0",
-    "@typescript-eslint/parser": "8.21.0",
+    "@typescript-eslint/eslint-plugin": "8.23.0",
+    "@typescript-eslint/parser": "8.23.0",
     "axe-core": "4.10.2",
     "babel-jest": "29.7.0",
     "babel-loader": "9.2.1",
-    "caniuse-lite": "1.0.30001695",
+    "caniuse-lite": "1.0.30001699",
     "core-js": "3.40.0",
     "cross-env": "7.0.3",
     "css-loader": "7.1.2",
-    "cypress": "14.0.0",
-    "cypress-axe": "1.5.0",
+    "cypress": "14.0.2",
+    "cypress-axe": "1.6.0",
     "cypress-fail-on-console-error": "5.1.1",
     "cypress-iframe": "1.0.1",
-    "cypress-multi-reporters": "2.0.4",
+    "cypress-multi-reporters": "2.0.5",
     "cypress-network-idle": "1.15.0",
     "cypress-plugin-tab": "1.0.5",
     "cypress-wait-until": "3.0.2",
     "dotenv": "16.4.7",
     "esbuild-loader": "4.2.2",
-    "eslint": "9.18.0",
+    "eslint": "9.20.0",
     "eslint-config-prettier": "10.0.1",
     "eslint-plugin-cypress": "4.1.0",
     "eslint-plugin-import": "2.31.0",
@@ -105,17 +105,17 @@
     "jest-preview": "0.3.1",
     "js-levenshtein": "1.1.6",
     "jsdom": "26.0.0",
-    "lint-staged": "15.4.1",
+    "lint-staged": "15.4.3",
     "mime": "4.0.6",
     "mini-css-extract-plugin": "2.9.2",
     "postcss-modules": "6.0.1",
-    "prettier": "3.4.2",
+    "prettier": "3.5.0",
     "react-refresh": "0.16.0",
     "resize-observer-polyfill": "1.5.1",
     "source-map-loader": "5.0.0",
     "style-loader": "4.0.0",
     "terser-webpack-plugin": "5.3.11",
-    "tinybench": "3.1.0",
+    "tinybench": "3.1.1",
     "ts-jest": "29.2.5",
     "ts-loader": "9.5.2",
     "ts-node": "10.9.2",
@@ -137,8 +137,8 @@
     "@digdir/designsystemet-react": "0.63.1",
     "@digdir/designsystemet-theme": "0.15.3",
     "@material-ui/core": "4.12.4",
-    "@navikt/aksel-icons": "7.9.2",
-    "@tanstack/react-query": "5.64.2",
+    "@navikt/aksel-icons": "7.12.2",
+    "@tanstack/react-query": "5.66.0",
     "ajv": "8.17.1",
     "ajv-errors": "3.0.0",
     "ajv-formats": "3.0.1",
@@ -147,7 +147,7 @@
     "classnames": "2.5.1",
     "cypress-parallel": "0.14.0",
     "date-fns": "4.1.0",
-    "dompurify": "3.2.3",
+    "dompurify": "3.2.4",
     "dot-object": "2.1.5",
     "eslint-plugin-preferred-import-path": "1.1.0",
     "fast-array-diff": "1.1.0",
@@ -157,23 +157,23 @@
     "jsonpointer": "5.0.1",
     "leaflet": "1.9.4",
     "lru-cache": "11.0.2",
-    "marked": "15.0.6",
+    "marked": "15.0.7",
     "marked-mangle": "1.1.10",
     "node-polyfill-webpack-plugin": "4.1.0",
     "react": "18.3.1",
     "react-content-loader": "7.0.2",
-    "react-day-picker": "9.5.0",
+    "react-day-picker": "9.5.1",
     "react-device-detect": "2.2.3",
     "react-dom": "18.3.1",
     "react-dropzone": "14.3.5",
     "react-helmet-async": "2.0.5",
     "react-leaflet": "4.2.1",
     "react-number-format": "5.4.3",
-    "react-router-dom": "6.28.2",
+    "react-router-dom": "6.29.0",
     "react-toastify": "11.0.3",
     "terraformer-wkt-parser": "1.2.1",
     "typescript": "5.7.3",
-    "typescript-eslint": "8.21.0",
+    "typescript-eslint": "8.23.0",
     "uuid": "11.0.5",
     "zustand": "5.0.3"
   },

src/layout/Map/MapComponent.test.tsx

@@ -108,26 +108,6 @@ describe('MapComponent', () => {
     expect(formDataMethods.setLeafValue).not.toHaveBeenCalledWith();
   });
 
-  it('should get different coordinates when map is clicked at different location', async () => {
-    const { formDataMethods, container } = await render();
-
-    // First click
-    await clickMap(container);
-    expect(formDataMethods.setLeafValue).toHaveBeenCalledTimes(1);
-    expect(formDataMethods.setLeafValue).toHaveBeenCalledWith({
-      reference: { dataType: defaultDataTypeMock, field: 'myCoords' },
-      newValue: '64.886265,12.832031',
-    } satisfies FDNewValue);
-
-    // Second click at different location
-    await clickMap(container, 50, 50);
-    expect(formDataMethods.setLeafValue).toHaveBeenCalledTimes(2);
-    expect(formDataMethods.setLeafValue).toHaveBeenLastCalledWith({
-      reference: { dataType: defaultDataTypeMock, field: 'myCoords' },
-      newValue: '64.885810,12.833104',
-    } satisfies FDNewValue);
-  });
-
   it('should display attribution link', async () => {
     await render({
       component: {

test/e2e/integration/frontend-test/components.ts

@@ -744,7 +744,7 @@ describe('UI Components', () => {
     }
   });
 
-  it('Map component with simpleBinding', () => {
+  it('Map component with simpleBinding', function () {
     cy.fixture('map-tile.png', 'base64').then((data) => {
       cy.interceptLayout('changename', (component) => {
         if (component.type === 'Map' && component.id === 'map') {
@@ -773,16 +773,47 @@ describe('UI Components', () => {
     cy.get(component('map')).findByAltText('Marker').should('be.visible');
     cy.get(component('map'))
       .findByText(/Valgt lokasjon: 59(\.\d{1,6})?° nord, 10(\.\d{1,6})?° øst/)
-      .should('be.visible');
+      .invoke('text')
+      .as('firstLocation');
 
     cy.get(component('mapSummary')).findByAltText('Marker').should('be.visible');
     cy.get(component('mapSummary'))
       .findByText(/Valgt lokasjon: 59(\.\d{1,6})?° nord, 10(\.\d{1,6})?° øst/)
-      .should('be.visible');
+      .invoke('text')
+      .then((text) => {
+        expect(text).to.eq(this.firstLocation);
+      });
 
     cy.get(component('mapValue'))
       .findByText(/59(\.\d{1,6})?, 10(\.\d{1,6})?/)
-      .should('be.visible');
+      .invoke('text')
+      .as('firstLocationRaw');
+
+    // Wait for aliases to be set before we continue
+    cy.get('@firstLocation').should('not.be.empty');
+    cy.get('@firstLocationRaw').should('not.be.empty');
+
+    // Click somewhere else on the map to set another location
+    cy.get(component('map')).click(300, 300);
+
+    cy.get(component('map')).findByAltText('Marker').should('be.visible');
+    cy.get(component('map'))
+      .findByText(/Valgt lokasjon: (\d+\.\d{1,6})?° nord, (\d+\.\d{1,6})?° øst/)
+      .invoke('text')
+      .as('secondLocation');
+
+    cy.get(component('mapSummary'))
+      .findByText(/Valgt lokasjon: (\d+\.\d{1,6})?° nord, (\d+\.\d{1,6})?° øst/)
+      .should((el) => {
+        expect(el.text()).to.eq(this.secondLocation);
+        expect(el.text()).not.to.eq(this.firstLocation);
+      });
+
+    cy.get(component('mapValue'))
+      .findByText(/(\d+\.\d{1,6})?, (\d+\.\d{1,6})?/)
+      .should((el) => {
+        expect(el.text()).not.to.eq(this.firstLocationRaw);
+      });
 
     // Set exact location so snapshot is consistent
     cy.findByRole('textbox', { name: /eksakt lokasjon/i }).clear();