From 35029e3fd3328f7a0034525b202020156a2e39c4 Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Thu, 5 Feb 2026 15:49:20 +0000 Subject: [PATCH 1/2] fix(deps): update digdir design system --- package.json | 6 +-- yarn.lock | 114 ++++++++++++++++++++++++++------------------------- 2 files changed, 61 insertions(+), 59 deletions(-) diff --git a/package.json b/package.json index 733234cbd0..fc8a336c3a 100644 --- a/package.json +++ b/package.json @@ -136,9 +136,9 @@ "@babel/polyfill": "7.12.1", "@cypress/snapshot": "^2.1.7", "@date-fns/tz": "1.4.1", - "@digdir/designsystemet-css": "1.9.0", - "@digdir/designsystemet-react": "1.9.0", - "@digdir/designsystemet-theme": "1.9.0", + "@digdir/designsystemet-css": "1.11.1", + "@digdir/designsystemet-react": "1.11.1", + "@digdir/designsystemet-theme": "1.11.0", "@navikt/aksel-icons": "7.38.0", "@tanstack/react-query": "5.90.16", "@types/cypress": "^1.1.6", diff --git a/yarn.lock b/yarn.lock index 896e01c799..fc3190e257 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2085,47 +2085,49 @@ __metadata: languageName: node linkType: hard -"@digdir/designsystemet-css@npm:1.9.0": - version: 1.9.0 - resolution: "@digdir/designsystemet-css@npm:1.9.0" - checksum: 10c0/8158ed05fda2855ae7bd04e9c275aff9f7eb08781df4bd629cff560a5ff0f49aac68b53e3bad6a35af0f655947fca325027e3c30e2dc77a376dfe9a2e1ec4671 +"@digdir/designsystemet-css@npm:1.11.1": + version: 1.11.1 + resolution: "@digdir/designsystemet-css@npm:1.11.1" + dependencies: + "@digdir/designsystemet-types": "npm:^1.11.1" + checksum: 10c0/59e4e1b739a55ea41c18f114c21b3affba2a2209c4a8a353ace7721bffb7441e20e603edd031087f78871c1073aeec380688b3c203c24452d9e9a82fb6a8d6bc languageName: node linkType: hard -"@digdir/designsystemet-react@npm:1.9.0": - version: 1.9.0 - resolution: "@digdir/designsystemet-react@npm:1.9.0" +"@digdir/designsystemet-react@npm:1.11.1": + version: 1.11.1 + resolution: "@digdir/designsystemet-react@npm:1.11.1" dependencies: - "@digdir/designsystemet-types": "npm:^1.9.0" - "@floating-ui/dom": "npm:^1.7.4" + "@digdir/designsystemet-types": "npm:^1.11.1" + "@floating-ui/dom": "npm:^1.7.5" "@floating-ui/react": "npm:0.26.23" - "@navikt/aksel-icons": "npm:^7.35.1" + "@navikt/aksel-icons": "npm:^8.2.0" "@radix-ui/react-slot": "npm:^1.2.4" - "@tanstack/react-virtual": "npm:^3.13.12" - "@u-elements/u-combobox": "npm:^1.0.5" - "@u-elements/u-datalist": "npm:^1.0.14" + "@tanstack/react-virtual": "npm:^3.13.18" + "@u-elements/u-combobox": "npm:^1.0.7" + "@u-elements/u-datalist": "npm:^1.1.0" "@u-elements/u-details": "npm:^0.1.5" clsx: "npm:^2.1.1" peerDependencies: react: ">=18.3.1 || ^19.0.0" react-dom: ">=18.3.1 || ^19.0.0" - checksum: 10c0/602d92da2321b3e94e6b0e577b5bc4f54b4e66ac94959542a8a71c0a45de0905ce10dcd9f97c104a2d47ded4faeeeb4af8c82144a5b5d8f9581e362fbf2aa334 + checksum: 10c0/77fa75942604990051cd82b50e68b4020571c1e0b3cf55de82802ab1e0f9fdb9988a217e418bcebb579b191f19badc3e086dbf73e299715cfe8e6e0804bc308e languageName: node linkType: hard -"@digdir/designsystemet-theme@npm:1.9.0": - version: 1.9.0 - resolution: "@digdir/designsystemet-theme@npm:1.9.0" +"@digdir/designsystemet-theme@npm:1.11.0": + version: 1.11.0 + resolution: "@digdir/designsystemet-theme@npm:1.11.0" dependencies: - "@digdir/designsystemet-types": "npm:^1.9.0" - checksum: 10c0/e79474fb082b14a857ed4a1dfd0f2ebd4fb5f71b5739e48a013f3d38f064b0f2284df98e16a2424af0832c24261fe30201a847730cd7ad34fd739dd8226c5d57 + "@digdir/designsystemet-types": "npm:^1.11.0" + checksum: 10c0/c94aa7eb135981a15780e3aaa2f636eb299ad1477c2a5d0e505a6b9fbe8d595afb20257f00d976d5c8000880b406f5bde29d4a20e76329f8c540580e0e16750c languageName: node linkType: hard -"@digdir/designsystemet-types@npm:^1.9.0": - version: 1.9.0 - resolution: "@digdir/designsystemet-types@npm:1.9.0" - checksum: 10c0/cdf534ba1c1b3611e168fb156ed5a96e5f3520100c1df4e6150b6de74f031f4d104754b511b07ac7aa3346ab7b42f897f381b7d7a909abc444f8284789752bfe +"@digdir/designsystemet-types@npm:^1.11.0, @digdir/designsystemet-types@npm:^1.11.1": + version: 1.11.1 + resolution: "@digdir/designsystemet-types@npm:1.11.1" + checksum: 10c0/a10a1ae572882f9b9a8f8365a0b06100a25b77daa0a44f7e302e2861bf7e3b8db3671c4e3d44ca0fea3874444473c4ed876f2419b93baa38c1d1d42d1ae395a7 languageName: node linkType: hard @@ -2498,12 +2500,12 @@ __metadata: languageName: node linkType: hard -"@floating-ui/core@npm:^1.7.3": - version: 1.7.3 - resolution: "@floating-ui/core@npm:1.7.3" +"@floating-ui/core@npm:^1.7.4": + version: 1.7.4 + resolution: "@floating-ui/core@npm:1.7.4" dependencies: "@floating-ui/utils": "npm:^0.2.10" - checksum: 10c0/edfc23800122d81df0df0fb780b7328ae6c5f00efbb55bd48ea340f4af8c5b3b121ceb4bb81220966ab0f87b443204d37105abdd93d94846468be3243984144c + checksum: 10c0/b1175d92c0edbd0053c4ba014ad1f798ccc107de87a43a099e97af6265610cc25ef600f2b15d3763d39a79f7d36db11fcb84d0c28027beb3317e13a7ba197516 languageName: node linkType: hard @@ -2517,13 +2519,13 @@ __metadata: languageName: node linkType: hard -"@floating-ui/dom@npm:^1.7.4": - version: 1.7.4 - resolution: "@floating-ui/dom@npm:1.7.4" +"@floating-ui/dom@npm:^1.7.5": + version: 1.7.5 + resolution: "@floating-ui/dom@npm:1.7.5" dependencies: - "@floating-ui/core": "npm:^1.7.3" + "@floating-ui/core": "npm:^1.7.4" "@floating-ui/utils": "npm:^0.2.10" - checksum: 10c0/da6166c25f9b0729caa9f498685a73a0e28251613b35d27db8de8014bc9d045158a23c092b405321a3d67c2064909b6e2a7e6c1c9cc0f62967dca5779f5aef30 + checksum: 10c0/94bd262127fbf1177e542f4908cb07c17392782b1ca0ab9f2dfd7e102cabcc77b4de807847304dcb4c864d4b48e8ba292b27cdcfaca3ad4e3525ab397b766a3a languageName: node linkType: hard @@ -3353,10 +3355,10 @@ __metadata: languageName: node linkType: hard -"@navikt/aksel-icons@npm:^7.35.1": - version: 7.35.3 - resolution: "@navikt/aksel-icons@npm:7.35.3" - checksum: 10c0/06b79b735c754f38dcf35b2a6e64d638df9ec54a32fd5384a7fd4e105165fc9450afc154658ea66bec15cf0ab31098ec0e578ad4146914c5833c529eba33ea5b +"@navikt/aksel-icons@npm:^8.2.0": + version: 8.2.2 + resolution: "@navikt/aksel-icons@npm:8.2.2" + checksum: 10c0/8bf4cef113140be1bf4a47165643b00914c7cc40e8d99c1ac1c75940eda4ed525a1388dfc8ff77a5f5cfcda0a17709b0273459b2629c4d91b2483a4e49e2e15b languageName: node linkType: hard @@ -4115,22 +4117,22 @@ __metadata: languageName: node linkType: hard -"@tanstack/react-virtual@npm:^3.13.12": - version: 3.13.12 - resolution: "@tanstack/react-virtual@npm:3.13.12" +"@tanstack/react-virtual@npm:^3.13.18": + version: 3.13.18 + resolution: "@tanstack/react-virtual@npm:3.13.18" dependencies: - "@tanstack/virtual-core": "npm:3.13.12" + "@tanstack/virtual-core": "npm:3.13.18" peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 - checksum: 10c0/0eda3d5691ec3bf93a1cdaa955f4972c7aa9a5026179622824bb52ff8c47e59ee4634208e52d77f43ffb3ce435ee39a0899d6a81f6316918ce89d68122490371 + checksum: 10c0/600fabdf9fe077d609dad5114025c502aa1125d21bfd64ae4eeeab4743de1c76ca0d5c29ca4cba0c1220834a9dfedbe0c7304276b0e0e7f9048e2c8a5562fa26 languageName: node linkType: hard -"@tanstack/virtual-core@npm:3.13.12": - version: 3.13.12 - resolution: "@tanstack/virtual-core@npm:3.13.12" - checksum: 10c0/483f38761b73db05c181c10181f0781c1051be3350ae5c378e65057e5f1fdd6606e06e17dbaad8a5e36c04b208ea1a1344cacd4eca0dcde60f335cf398e4d698 +"@tanstack/virtual-core@npm:3.13.18": + version: 3.13.18 + resolution: "@tanstack/virtual-core@npm:3.13.18" + checksum: 10c0/f43a92bbe4e891242a6bb5274ee60b166534abfcd5115cbe7f92f833e745941ac3b8cb808dd0537cbf1e0c5004aacd2d2cab4a1ce738f7930ec723566e37ec11 languageName: node linkType: hard @@ -4966,17 +4968,17 @@ __metadata: languageName: node linkType: hard -"@u-elements/u-combobox@npm:^1.0.5": - version: 1.0.5 - resolution: "@u-elements/u-combobox@npm:1.0.5" - checksum: 10c0/3849ce24004b2d263c7ad990bc12b571bfa3ceaef529dae6d70deadfc40af41241982025731dd3612e7852a8df025d297271cbb1a276aecd696bafaad2445cba +"@u-elements/u-combobox@npm:^1.0.7": + version: 1.0.7 + resolution: "@u-elements/u-combobox@npm:1.0.7" + checksum: 10c0/4a6d5c02946db27827a18ab4d6703820e11ef46dc66abed287cbf0a2c945db241d00731c64b828dbf3ebb9f33827d900561e09c8b1ceeacbc6f47ef0c2acd4c8 languageName: node linkType: hard -"@u-elements/u-datalist@npm:^1.0.14": - version: 1.0.14 - resolution: "@u-elements/u-datalist@npm:1.0.14" - checksum: 10c0/d9190f969c564fb88b1b94c1b9992fed58ca3c865543fdbcf70f688f3e87dedfcb3f96582f70a61f1bd68ee3b4c964b340412671597dea659471982354131b4a +"@u-elements/u-datalist@npm:^1.1.0": + version: 1.1.0 + resolution: "@u-elements/u-datalist@npm:1.1.0" + checksum: 10c0/7aa76ad961bc11ea87be7b8589b990fc4066aae53a82691131d1afeb9511f261541fc0760e624c203f50ceb72796caa8204660f0add2c57508125ad918b935ca languageName: node linkType: hard @@ -5672,9 +5674,9 @@ __metadata: "@babel/runtime-corejs3": "npm:7.28.4" "@cypress/snapshot": "npm:^2.1.7" "@date-fns/tz": "npm:1.4.1" - "@digdir/designsystemet-css": "npm:1.9.0" - "@digdir/designsystemet-react": "npm:1.9.0" - "@digdir/designsystemet-theme": "npm:1.9.0" + "@digdir/designsystemet-css": "npm:1.11.1" + "@digdir/designsystemet-react": "npm:1.11.1" + "@digdir/designsystemet-theme": "npm:1.11.0" "@eslint/compat": "npm:2.0.1" "@faker-js/faker": "npm:10.2.0" "@navikt/aksel-icons": "npm:7.38.0" From fc67e1b5985c5d3bad0ec69357c7de6a89b5a7a5 Mon Sep 17 00:00:00 2001 From: Magnus Revheim Martinsen Date: Mon, 9 Feb 2026 16:00:13 +0100 Subject: [PATCH 2/2] update cypress tests with new accessibility --- snapshots.js | 2 +- .../component-library/multiple-select.ts | 80 +++++++++---------- .../integration/frontend-test/components.ts | 16 ++-- .../groupCheckboxMultiSelectListAndVerify.ts | 2 +- 4 files changed, 50 insertions(+), 50 deletions(-) diff --git a/snapshots.js b/snapshots.js index b59de7dd68..cb3bd52da8 100644 --- a/snapshots.js +++ b/snapshots.js @@ -368,5 +368,5 @@ module.exports = { } } }, - "__version": "15.7.0" + "__version": "15.8.2" } diff --git a/test/e2e/integration/component-library/multiple-select.ts b/test/e2e/integration/component-library/multiple-select.ts index fab0d99ec5..4832b915eb 100644 --- a/test/e2e/integration/component-library/multiple-select.ts +++ b/test/e2e/integration/component-library/multiple-select.ts @@ -21,21 +21,21 @@ describe('Multiple select component', () => { cy.get(multiselect).click(); cy.get(multiselectList).contains('span', checkboxText1).click(); - cy.findByRole('button', { name: /Karoline, Press to remove, 1 of 1/i }).should('exist'); + cy.findByRole('option', { name: /Karoline, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText2).click(); - cy.findByRole('button', { name: /Kåre, Press to remove, 2 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kåre, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText3).click(); - cy.findByRole('button', { name: /Johanne, Press to remove, 3 of 3/i }).should('exist'); + cy.findByRole('option', { name: /Johanne, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /Kari, Press to remove, 4 of 4/i }).should('exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /Petter, Press to remove, 5 of 5/i }).should('exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('exist'); //Uncheck cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /^Kari/i }).should('not.exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('not.exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /^Petter/i }).should('not.exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('not.exist'); // Close the multiple select component cy.get(multiselect).type('{esc}'); @@ -53,11 +53,11 @@ describe('Multiple select component', () => { .findAllByRole('button', { name: /^Slett/ }) .first() .click(); - cy.findByRole('button', { name: /^Karoline/i }).should('not.exist'); + cy.findByRole('option', { name: /^Karoline/i }).should('not.exist'); // Unchecking from Checkboxes should remove from RepeatingGroup (observe that data is preserved) cy.get(multiselect).type('{esc}'); // Make sure the multiselect is closed - cy.findByRole('button', { name: /Kåre, Press to remove, 1 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kåre, Press to remove/i }).should('exist'); cy.get(repGroup).findAllByRole('row').should('have.length', 3); // Header + 2 row cy.get(repGroup) .findAllByRole('button', { name: /^Rediger/ }) @@ -92,20 +92,20 @@ describe('Multiple select component', () => { cy.findByRole('option', { name: /Kjøring i skogen/i }).click(); cy.findByRole('option', { name: /Kjøre til hytta på fjellet/i }).click(); - cy.findByRole('button', { - name: /Korte strekninger med bykjøring, eller annen moro, Press to remove, 1 of 3/i, + cy.findByRole('option', { + name: /Korte strekninger med bykjøring, eller annen moro, Press to remove/i, }).should('exist'); - cy.findByRole('button', { name: /Kjøring i skogen, Press to remove, 2 of 3/i }).should('exist'); - cy.findByRole('button', { name: /Kjøre til hytta på fjellet, Press to remove, 3 of 3/i }).should('exist'); + cy.findByRole('option', { name: /Kjøring i skogen, Press to remove/i }).should('exist'); + cy.findByRole('option', { name: /Kjøre til hytta på fjellet, Press to remove/i }).should('exist'); // The clickable element is a psuedo-element within the button - cy.findByRole('button', { name: /Kjøring i skogen, Press to remove, 2 of 3/i }).click('right', { force: true }); + cy.findByRole('option', { name: /Kjøring i skogen, Press to remove/i }).click('right', { force: true }); cy.findByRole('button', { name: /Bekreft/i }).click(); - cy.findByRole('button', { - name: /Korte strekninger med bykjøring, eller annen moro, Press to remove, 1 of 2/i, + cy.findByRole('option', { + name: /Korte strekninger med bykjøring, eller annen moro, Press to remove/i, }).should('exist'); - cy.findByRole('button', { name: /Kjøre til hytta på fjellet, Press to remove, 2 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kjøre til hytta på fjellet, Press to remove/i }).should('exist'); }); it('Adds and removes data properly when using group and hard deletion', () => { @@ -122,21 +122,21 @@ describe('Multiple select component', () => { // Check options in multiple select component cy.get(multiselectList).contains('span', checkboxText1).click(); - cy.findByRole('button', { name: /Karoline, Press to remove, 1 of 1/i }).should('exist'); + cy.findByRole('option', { name: /Karoline, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText2).click(); - cy.findByRole('button', { name: /Kåre, Press to remove, 2 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kåre, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText3).click(); - cy.findByRole('button', { name: /Johanne, Press to remove, 3 of 3/i }).should('exist'); + cy.findByRole('option', { name: /Johanne, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /Kari, Press to remove, 4 of 4/i }).should('exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /Petter, Press to remove, 5 of 5/i }).should('exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('exist'); //Uncheck cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /^Kari/i }).should('not.exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('not.exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /^Petter/i }).should('not.exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('not.exist'); // Close the multiple select component cy.get(multiselect).type('{esc}'); @@ -154,8 +154,8 @@ describe('Multiple select component', () => { .findAllByRole('button', { name: /^Slett/ }) .first() .click(); - cy.findByRole('button', { - name: /Karoline, Press to remove, 1 of 3/i, + cy.findByRole('option', { + name: /Karoline, Press to remove/i, }).should('not.exist'); // Unchecking from multiple select should remove from RepeatingGroup (observe that data is preserved) @@ -208,21 +208,21 @@ describe('Multiple select component', () => { // Check options in multiple select component cy.get(multiselectList).contains('span', checkboxText1).click(); - cy.findByRole('button', { name: /Karoline, Press to remove, 1 of 1/i }).should('exist'); + cy.findByRole('option', { name: /Karoline, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText2).click(); - cy.findByRole('button', { name: /Kåre, Press to remove, 2 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kåre, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText3).click(); - cy.findByRole('button', { name: /Johanne, Press to remove, 3 of 3/i }).should('exist'); + cy.findByRole('option', { name: /Johanne, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /Kari, Press to remove, 4 of 4/i }).should('exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /Petter, Press to remove, 5 of 5/i }).should('exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('exist'); //Uncheck cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /^Kari/i }).should('not.exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('not.exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /^Petter/i }).should('not.exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('not.exist'); // Close the multiple select component cy.get(multiselect).type('{esc}'); @@ -248,21 +248,21 @@ describe('Multiple select component', () => { // Check options in multiple select component cy.get(multiselectList).contains('span', checkboxText1).click(); - cy.findByRole('button', { name: /Karoline, Press to remove, 1 of 1/i }).should('exist'); + cy.findByRole('option', { name: /Karoline, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText2).click(); - cy.findByRole('button', { name: /Kåre, Press to remove, 2 of 2/i }).should('exist'); + cy.findByRole('option', { name: /Kåre, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText3).click(); - cy.findByRole('button', { name: /Johanne, Press to remove, 3 of 3/i }).should('exist'); + cy.findByRole('option', { name: /Johanne, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /Kari, Press to remove, 4 of 4/i }).should('exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /Petter, Press to remove, 5 of 5/i }).should('exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('exist'); //Uncheck cy.get(multiselectList).contains('span', checkboxText4).click(); - cy.findByRole('button', { name: /^Kari/i }).should('not.exist'); + cy.findByRole('option', { name: /Kari, Press to remove/i }).should('not.exist'); cy.get(multiselectList).contains('span', checkboxText5).click(); - cy.findByRole('button', { name: /^Petter/i }).should('not.exist'); + cy.findByRole('option', { name: /Petter, Press to remove/i }).should('not.exist'); // Close the multiple select component cy.get(multiselect).type('{esc}'); diff --git a/test/e2e/integration/frontend-test/components.ts b/test/e2e/integration/frontend-test/components.ts index d16d7ed3fb..b630f35409 100644 --- a/test/e2e/integration/frontend-test/components.ts +++ b/test/e2e/integration/frontend-test/components.ts @@ -488,22 +488,22 @@ describe('UI Components', () => { cy.findByRole('option', { name: /gul/i }).click(); cy.findByRole('option', { name: /gul/i }).should('have.attr', 'aria-selected', 'true'); - cy.findByRole('button', { - name: /Grønn, Press to remove, 3 of 4/i, + cy.findByRole('option', { + name: /Grønn, Press to remove/i, }).click('right', { force: true }); cy.get(appFrontend.deleteWarningPopover).should('contain.text', 'Er du sikker på at du vil slette Grønn?'); cy.findByRole('button', { name: /Avbryt/ }).click(); - cy.findByRole('button', { - name: /Grønn, Press to remove, 3 of 4/i, + cy.findByRole('option', { + name: /Grønn, Press to remove/i, }).should('exist'); - cy.findByRole('button', { - name: /Gul, Press to remove, 4 of 4/i, + cy.findByRole('option', { + name: /Gul, Press to remove/i, }).click('right', { force: true }); cy.get(appFrontend.deleteWarningPopover).should('contain.text', 'Er du sikker på at du vil slette Gul?'); cy.findByRole('button', { name: /Bekreft/ }).click(); - cy.findByRole('button', { - name: /Gul, Press to remove, 4 of 4/i, + cy.findByRole('option', { + name: /Gul, Press to remove/i, }).should('not.exist'); }); diff --git a/test/e2e/support/apps/component-library/groupCheckboxMultiSelectListAndVerify.ts b/test/e2e/support/apps/component-library/groupCheckboxMultiSelectListAndVerify.ts index e09629510c..fe3fb9b2c3 100644 --- a/test/e2e/support/apps/component-library/groupCheckboxMultiSelectListAndVerify.ts +++ b/test/e2e/support/apps/component-library/groupCheckboxMultiSelectListAndVerify.ts @@ -11,7 +11,7 @@ export const groupCheckboxMultiSelectListAndVerify = (checkboxText = '', multiSe cy.get(multiselect).click(); cy.get(multiselectList).contains('span', multiSelectText).click(); cy.get(multiselect).contains('span', multiSelectText).should('exist'); - cy.findByRole('button', { name: new RegExp(`${multiSelectText}, Press to remove, 1 of 1`) }).should('exist'); + cy.findByRole('option', { name: new RegExp(`${multiSelectText}, Press to remove`) }).should('exist'); cy.get(repGroup).click({ force: true }); cy.gotoNavPage('Liste (tabell)');