chore(deps): bump the kong-packages group with 20 updates (#185)

* chore(deps): bump the kong-packages group with 20 updates

Bumps the kong-packages group with 20 updates:

| Package | From | To |
| --- | --- | --- |
| [@kong-ui-public/app-layout](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/app-layout) | `4.0.0` | `4.0.5` |
| [@kong-ui-public/copy-uuid](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/copy-uuid) | `2.0.33` | `2.0.37` |
| [@kong-ui-public/entities-certificates](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-certificates) | `2.3.10` | `2.3.21` |
| [@kong-ui-public/entities-consumer-credentials](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumer-credentials) | `2.1.43` | `2.1.54` |
| [@kong-ui-public/entities-consumers](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumers) | `2.5.10` | `2.5.21` |
| [@kong-ui-public/entities-gateway-services](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-gateway-services) | `2.4.12` | `2.4.23` |
| [@kong-ui-public/entities-key-sets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-key-sets) | `2.3.10` | `2.3.21` |
| [@kong-ui-public/entities-keys](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-keys) | `2.3.10` | `2.3.21` |
| [@kong-ui-public/entities-plugins](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-plugins) | `2.11.8` | `2.12.6` |
| [@kong-ui-public/entities-routes](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-routes) | `2.4.10` | `2.4.22` |
| [@kong-ui-public/entities-shared](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-shared) | `2.5.10` | `2.7.0` |
| [@kong-ui-public/entities-snis](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-snis) | `2.3.10` | `2.3.21` |
| [@kong-ui-public/entities-upstreams-targets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-upstreams-targets) | `2.3.10` | `2.3.21` |
| [@kong-ui-public/entities-vaults](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-vaults) | `2.3.10` | `2.4.10` |
| [@kong-ui-public/forms](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/forms) | `2.1.35` | `2.1.39` |
| [@kong-ui-public/i18n](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/i18n) | `2.1.0` | `2.1.2` |
| [@kong-ui-public/misc-widgets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/misc-widgets) | `2.0.17` | `2.0.21` |
| [@kong/design-tokens](https://github.com/Kong/design-tokens) | `1.12.7` | `1.12.10` |
| [@kong-ui-public/core](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/core) | `1.4.23` | `1.5.1` |
| [@kong-ui-public/entities-consumer-groups](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumer-groups) | `2.4.10` | `2.4.21` |

Updates `@kong-ui-public/app-layout` from 4.0.0 to 4.0.5
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/app-layout/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/app-layout@4.0.5/packages/core/app-layout)

Updates `@kong-ui-public/copy-uuid` from 2.0.33 to 2.0.37
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/copy-uuid/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/copy-uuid@2.0.37/packages/core/copy-uuid)

Updates `@kong-ui-public/entities-certificates` from 2.3.10 to 2.3.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-certificates/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-certificates@2.3.21/packages/entities/entities-certificates)

Updates `@kong-ui-public/entities-consumer-credentials` from 2.1.43 to 2.1.54
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-consumer-credentials/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-consumer-credentials@2.1.54/packages/entities/entities-consumer-credentials)

Updates `@kong-ui-public/entities-consumers` from 2.5.10 to 2.5.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-consumers/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-consumers@2.5.21/packages/entities/entities-consumers)

Updates `@kong-ui-public/entities-gateway-services` from 2.4.12 to 2.4.23
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-gateway-services/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-gateway-services@2.4.23/packages/entities/entities-gateway-services)

Updates `@kong-ui-public/entities-key-sets` from 2.3.10 to 2.3.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-key-sets/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-key-sets@2.3.21/packages/entities/entities-key-sets)

Updates `@kong-ui-public/entities-keys` from 2.3.10 to 2.3.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-keys/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-keys@2.3.21/packages/entities/entities-keys)

Updates `@kong-ui-public/entities-plugins` from 2.11.8 to 2.12.6
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-plugins/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-plugins@2.12.6/packages/entities/entities-plugins)

Updates `@kong-ui-public/entities-routes` from 2.4.10 to 2.4.22
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-routes/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-routes@2.4.22/packages/entities/entities-routes)

Updates `@kong-ui-public/entities-shared` from 2.5.10 to 2.7.0
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-shared/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-shared@2.7.0/packages/entities/entities-shared)

Updates `@kong-ui-public/entities-snis` from 2.3.10 to 2.3.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-snis/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-snis@2.3.21/packages/entities/entities-snis)

Updates `@kong-ui-public/entities-upstreams-targets` from 2.3.10 to 2.3.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-upstreams-targets/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-upstreams-targets@2.3.21/packages/entities/entities-upstreams-targets)

Updates `@kong-ui-public/entities-vaults` from 2.3.10 to 2.4.10
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-vaults/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-vaults@2.4.10/packages/entities/entities-vaults)

Updates `@kong-ui-public/forms` from 2.1.35 to 2.1.39
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/forms/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/forms@2.1.39/packages/core/forms)

Updates `@kong-ui-public/i18n` from 2.1.0 to 2.1.2
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/i18n/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/i18n@2.1.2/packages/core/i18n)

Updates `@kong-ui-public/misc-widgets` from 2.0.17 to 2.0.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/misc-widgets/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/misc-widgets@2.0.21/packages/core/misc-widgets)

Updates `@kong/design-tokens` from 1.12.7 to 1.12.10
- [Release notes](https://github.com/Kong/design-tokens/releases)
- [Changelog](https://github.com/Kong/design-tokens/blob/main/CHANGELOG.md)
- [Commits](Kong/design-tokens@v1.12.7...v1.12.10)

Updates `@kong-ui-public/core` from 1.4.23 to 1.5.1
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/core/core/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/core@1.5.1/packages/core/core)

Updates `@kong-ui-public/entities-consumer-groups` from 2.4.10 to 2.4.21
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-consumer-groups/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-consumer-groups@2.4.21/packages/entities/entities-consumer-groups)

---
updated-dependencies:
- dependency-name: "@kong-ui-public/app-layout"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/copy-uuid"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-certificates"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-consumer-credentials"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-consumers"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-gateway-services"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-key-sets"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-keys"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-plugins"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-routes"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-shared"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-snis"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-upstreams-targets"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-vaults"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/forms"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/i18n"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/misc-widgets"
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong/design-tokens"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/core"
  dependency-type: indirect
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-consumer-groups"
  dependency-type: indirect
  update-type: version-update:semver-patch
  dependency-group: kong-packages
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore(*): adopt Kongponents reskin phase 6 and 7

* test(*): fix e2e test cases

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Leopoldthecoder <leopoldthecuber@gmail.com>
(cherry picked from commit 9ae06dd)

package.json

@@ -23,25 +23,25 @@
     "src/**/*.{css,scss,sass,less,styl,vue}": "stylelint --allow-empty-input --fix 'src/**/*.{css,scss,sass,less,styl,vue}'"
   },
   "dependencies": {
-    "@kong-ui-public/app-layout": "^4.0.0",
-    "@kong-ui-public/copy-uuid": "^2.0.33",
-    "@kong-ui-public/entities-certificates": "^2.3.10",
-    "@kong-ui-public/entities-consumer-credentials": "^2.1.43",
-    "@kong-ui-public/entities-consumers": "^2.5.10",
-    "@kong-ui-public/entities-gateway-services": "^2.4.12",
-    "@kong-ui-public/entities-key-sets": "^2.3.10",
-    "@kong-ui-public/entities-keys": "^2.3.10",
-    "@kong-ui-public/entities-plugins": "^2.11.8",
+    "@kong-ui-public/app-layout": "^4.0.5",
+    "@kong-ui-public/copy-uuid": "^2.0.37",
+    "@kong-ui-public/entities-certificates": "^2.3.21",
+    "@kong-ui-public/entities-consumer-credentials": "^2.1.54",
+    "@kong-ui-public/entities-consumers": "^2.5.21",
+    "@kong-ui-public/entities-gateway-services": "^2.4.23",
+    "@kong-ui-public/entities-key-sets": "^2.3.21",
+    "@kong-ui-public/entities-keys": "^2.3.21",
+    "@kong-ui-public/entities-plugins": "^2.12.6",
     "@kong-ui-public/entities-routes": "^2.4.2",
     "@kong-ui-public/entities-shared": "^2.5.2",
-    "@kong-ui-public/entities-snis": "^2.3.10",
-    "@kong-ui-public/entities-upstreams-targets": "^2.3.10",
-    "@kong-ui-public/entities-vaults": "^2.3.10",
+    "@kong-ui-public/entities-snis": "^2.3.21",
+    "@kong-ui-public/entities-upstreams-targets": "^2.3.21",
+    "@kong-ui-public/entities-vaults": "^2.4.10",
     "@kong-ui-public/forms": "^2.1.28",
-    "@kong-ui-public/i18n": "^2.1.0",
-    "@kong-ui-public/misc-widgets": "^2.0.17",
+    "@kong-ui-public/i18n": "^2.1.2",
+    "@kong-ui-public/misc-widgets": "^2.0.21",
     "@kong/icons": "^1.8.8",
-    "@kong/kongponents": "^9.0.0-alpha.91",
+    "@kong/kongponents": "^9.0.0-alpha.106",
     "@material-design-icons/font": "^0.14.9",
     "axios": "^1.6.0",
     "marked": "^5.1.0",
@@ -50,7 +50,7 @@
     "vue-router": "^4.2.2"
   },
   "devDependencies": {
-    "@kong/design-tokens": "^1.12.7",
+    "@kong/design-tokens": "^1.12.10",
     "@playwright/test": "^1.41.1",
     "@types/lodash-es": "^4.17.12",
     "@types/marked": "^5.0.1",

src/components/MakeAWish.vue

@@ -1,6 +1,6 @@
 <template>
   <footer class="make-wish-wrapper">
-    <KTooltip :label="t('wish.tooltip')">
+    <KTooltip :text="t('wish.tooltip')">
       <a :href="mailToUrl">
         <img
           src="@/assets/icon-stardust.svg?external"

tests/playwright/commands/autocompleteDeleteModal.ts

@@ -2,18 +2,19 @@ import { expect } from '@playwright/test'
 import type { Page } from '@playwright/test'
 
 export const autocompleteDeleteModal = async (page: Page) => {
-  await expect(page.locator('.kong-ui-entity-delete-modal .k-modal-dialog')).toBeVisible()
+  await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
 
-  if (await page.locator('.kong-ui-entity-delete-modal .k-prompt-confirm-text span').isVisible()) {
-    const name = await page
-      .locator('.kong-ui-entity-delete-modal .k-prompt-confirm-text span')
-      .textContent()
+  if (await page.locator('.kong-ui-entity-delete-modal .prompt-confirmation-text span').isVisible()) {
+    const name = (await page
+      .locator('.kong-ui-entity-delete-modal .prompt-confirmation-text span')
+      .textContent())
+      ?.slice(1, -1) // Remove quotes
 
     await page
       .locator('.kong-ui-entity-delete-modal')
       .locator('[data-testid="confirmation-input"]')
-      .type(name ?? '')
+      .fill(name ?? '')
   }
 
-  await page.locator('.kong-ui-entity-delete-modal .k-prompt-proceed').click()
+  await page.locator('.kong-ui-entity-delete-modal [data-testid="modal-action-button"]').click()
 }

tests/playwright/commands/fillEntityForm.ts

@@ -66,6 +66,6 @@ export const fillEntityForm = async (params: Params) => {
     .click()
 
   if (handleModal) {
-    await page.locator('.modal-dialog .k-modal-footer .k-button.primary').click()
+    await page.locator('.modal-container .modal-footer .k-button.primary').click()
   }
 }

tests/playwright/specs/ca-certificates/01-CACertificates.spec.ts

@@ -118,8 +118,8 @@ test.describe('CA certificates', () => {
 
   test('delete a ca certificate', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .modal-dialog')).toBeVisible()
-    await page.locator('.kong-ui-entity-delete-modal .k-prompt-proceed').click()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
+    await page.locator('.kong-ui-entity-delete-modal [data-testid="modal-action-button"]').click()
     await waitAndDismissToasts(page)
   })
 })

tests/playwright/specs/certificates/01-Certificates.spec.ts

@@ -107,8 +107,8 @@ test.describe('certificates', () => {
 
   test('delete a certificate', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .modal-dialog')).toBeVisible()
-    await page.locator('.kong-ui-entity-delete-modal .k-prompt-proceed').click()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
+    await page.locator('.kong-ui-entity-delete-modal [data-testid="modal-action-button"]').click()
     await waitAndDismissToasts(page)
   })
 

tests/playwright/specs/consumers/02-ConsumerCredentials.spec.ts

@@ -50,8 +50,8 @@ test.describe('consumer credentials', () => {
     await withNavigation(page, () => clickEntityListAction(page, 'view'))
     await switchDetailTab(page, 'credentials')
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.k-modal-dialog.modal-dialog')).toBeVisible()
-    await page.locator('.k-prompt-action-buttons .danger').click()
+    await expect(page.locator('.modal-container')).toBeVisible()
+    await page.locator('.modal-footer .footer-actions .danger').click()
     const basicAuthLocator = page.locator('.credential-list-wrapper').filter({ hasText: 'Basic Authentication' })
 
     await expect(basicAuthLocator.locator('.empty-state-content .primary')).toContainText('New Basic Auth Credential')

tests/playwright/specs/key-sets/01-KeySets.spec.ts

@@ -89,7 +89,7 @@ test.describe('keySets', () => {
 
   test('delete a key set', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .k-modal-dialog')).toBeVisible()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
     await autocompleteDeleteModal(page)
     await waitAndDismissToasts(page)
     await expect(page.locator('.k-table-empty-state')).toBeVisible()

tests/playwright/specs/key-sets/02-Keys.spec.ts

@@ -70,8 +70,8 @@ test.describe('key-set keys tab', () => {
     await withNavigation(page, () => clickEntityListAction(page, 'view'))
     await switchDetailTab(page, 'keys')
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .k-modal-dialog')).toBeVisible()
-    await page.locator('.kong-ui-entity-delete-modal .k-prompt-proceed').click()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
+    await page.locator('.kong-ui-entity-delete-modal [data-testid="modal-action-button"]').click()
     await waitAndDismissToasts(page)
     await expect(page.locator('.k-table-empty-state')).toBeVisible()
   })

tests/playwright/specs/keys/01-Keys.spec.ts

@@ -207,8 +207,8 @@ test.describe('keys', () => {
 
   test('delete a key', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .k-modal-dialog')).toBeVisible()
-    await page.locator('.kong-ui-entity-delete-modal .k-prompt-proceed').click()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
+    await page.locator('.kong-ui-entity-delete-modal [data-testid="modal-action-button"]').click()
     await waitAndDismissToasts(page)
     await expect(page.locator('.k-table-empty-state')).toBeVisible()
   })

tests/playwright/specs/plugins/01-Plugins.spec.ts

@@ -161,8 +161,8 @@ test.describe('plugins', () => {
     await statusSwitch.click()
 
     await page
-      .locator('.k-modal-dialog')
-      .locator('.k-button.k-prompt-proceed').click()
+      .locator('.modal-container')
+      .locator('.k-button[data-testid="modal-action-button"]').click()
 
     await waitAndDismissToasts(page)
     await expect(statusLabel).toHaveText('Disabled')
@@ -355,7 +355,7 @@ test.describe('plugins', () => {
 
   test('delete the plugin', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .k-modal-dialog')).toBeVisible()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
     await autocompleteDeleteModal(page)
     await waitAndDismissToasts(page)
   })

tests/playwright/specs/routes/01-Routes.spec.ts

@@ -290,7 +290,7 @@ test.describe('routes', () => {
   test(`delete the route "${mockRouteName}"`, async ({ page }) => {
     await clickEntityListAction(page, 'delete')
 
-    await expect(page.locator('.kong-ui-entity-delete-modal .modal-dialog')).toBeVisible()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
     await autocompleteDeleteModal(page)
     await waitAndDismissToasts(page)
   })

tests/playwright/specs/services/01-Service.spec.ts

@@ -89,17 +89,17 @@ test.describe('services', () => {
     await statusBadge.locator('.switch-control').click()
 
     await page
-      .locator('.modal-dialog')
-      .locator('.k-button.k-prompt-proceed').click()
+      .locator('.modal-container')
+      .locator('.k-button[data-testid="modal-action-button"]').click()
 
     await expect(statusBadge).toHaveText('Disabled')
 
     // reset service status to 'enabled'
     await statusBadge.locator('.switch-control').click()
 
     await page
-      .locator('.modal-dialog')
-      .locator('.k-button.k-prompt-proceed').click()
+      .locator('.modal-container')
+      .locator('.k-button[data-testid="modal-action-button"]').click()
   })
 
   test('back button on the detail page should bring the user back to the list page', async ({ page }) => {

tests/playwright/specs/services/03-ServicePlugins.spec.ts

@@ -78,8 +78,8 @@ test.describe('service plugins', () => {
     await statusSwitch.click()
 
     await page
-      .locator('.k-modal-dialog')
-      .locator('.k-button.k-prompt-proceed').click()
+      .locator('.modal-container')
+      .locator('.k-button[data-testid="modal-action-button"]').click()
 
     await expect(statusLabel).toHaveText('Disabled')
   })

tests/playwright/specs/snis/01-SNIs.spec.ts

@@ -112,8 +112,8 @@ test.describe('snis', () => {
 
   test('delete an sni', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .modal-dialog')).toBeVisible()
-    await page.locator('.k-prompt-action-buttons .danger').click()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
+    await page.locator('.modal-footer .footer-actions .danger').click()
     await expectEmptyEntityList(page, 'snis', 'Configure a New SNI')
   })
 })

tests/playwright/specs/upstreams/01-Upstreams.spec.ts

@@ -158,7 +158,7 @@ test.describe('upstreams', () => {
 
   test('delete an upstream', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
-    await expect(page.locator('.kong-ui-entity-delete-modal .modal-dialog')).toBeVisible()
+    await expect(page.locator('.kong-ui-entity-delete-modal .modal-container')).toBeVisible()
     await autocompleteDeleteModal(page)
     await waitAndDismissToasts(page)
   })

tests/playwright/specs/upstreams/02-UpstreamTargets.spec.ts

@@ -36,7 +36,7 @@ test.describe('upstreams', () => {
     await page.locator('.empty-state-content .primary').click()
     await page.waitForSelector('.kong-ui-entities-target-form')
     await page.locator('[data-testid="target-form-target"]').type(mockTarget)
-    await page.locator('.k-prompt .k-prompt-proceed').click()
+    await page.locator('.k-prompt [data-testid="modal-action-button"]').click()
     await expect(page.locator('.kong-ui-entities-targets-list')).toContainText(mockTarget)
   })
 
@@ -46,7 +46,7 @@ test.describe('upstreams', () => {
     await page.locator('.toolbar-container .primary').click()
     await page.waitForSelector('.kong-ui-entities-target-form')
     await page.locator('[data-testid="target-form-target"]').type('123')
-    await page.locator('.k-prompt .k-prompt-proceed').click()
+    await page.locator('.k-prompt [data-testid="modal-action-button"]').click()
     await expect(page.locator('.kong-ui-entities-target-form [data-testid="form-error"]')).toBeVisible()
     await expect(page.locator('.kong-ui-entities-target-form [data-testid="form-error"]')).toHaveText(`schema violation (target: Invalid target ('123'); not a valid hostname or ip address)`)
   })