chore(deps): bump the kong-packages group across 1 directory with 20 …

…updates (#232)

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

Bumps the kong-packages group with 14 updates in the / directory:

| Package | From | To |
| --- | --- | --- |
| [@kong-ui-public/app-layout](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/app-layout) | `4.0.25` | `4.1.3` |
| [@kong-ui-public/entities-certificates](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-certificates) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-consumer-credentials](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumer-credentials) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-consumers](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumers) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-data-plane-nodes](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-data-plane-nodes) | `0.1.1` | `0.1.6` |
| [@kong-ui-public/entities-gateway-services](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-gateway-services) | `3.0.12` | `3.2.0` |
| [@kong-ui-public/entities-key-sets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-key-sets) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-keys](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-keys) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-plugins](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-plugins) | `4.1.0` | `4.3.0` |
| [@kong-ui-public/entities-snis](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-snis) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-upstreams-targets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-upstreams-targets) | `3.0.11` | `3.1.0` |
| [@kong-ui-public/entities-vaults](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-vaults) | `3.0.11` | `3.2.0` |
| [@kong-ui-public/forms](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/forms) | `2.4.2` | `3.1.5` |
| [@kong-ui-public/misc-widgets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/misc-widgets) | `2.0.36` | `2.0.39` |



Updates `@kong-ui-public/app-layout` from 4.0.25 to 4.1.3
- [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/[email protected]/packages/core/app-layout)

Updates `@kong-ui-public/entities-certificates` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-certificates)

Updates `@kong-ui-public/entities-consumer-credentials` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-consumer-credentials)

Updates `@kong-ui-public/entities-consumers` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-consumers)

Updates `@kong-ui-public/entities-data-plane-nodes` from 0.1.1 to 0.1.6
- [Release notes](https://github.com/Kong/public-ui-components/releases)
- [Changelog](https://github.com/Kong/public-ui-components/blob/main/packages/entities/entities-data-plane-nodes/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/[email protected]/packages/entities/entities-data-plane-nodes)

Updates `@kong-ui-public/entities-gateway-services` from 3.0.12 to 3.2.0
- [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/[email protected]/packages/entities/entities-gateway-services)

Updates `@kong-ui-public/entities-key-sets` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-key-sets)

Updates `@kong-ui-public/entities-keys` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-keys)

Updates `@kong-ui-public/entities-plugins` from 4.1.0 to 4.3.0
- [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/[email protected]/packages/entities/entities-plugins)

Updates `@kong-ui-public/entities-routes` from 3.1.5 to 3.2.0
- [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/[email protected]/packages/entities/entities-routes)

Updates `@kong-ui-public/entities-shared` from 3.1.1 to 3.2.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/[email protected]/packages/entities/entities-shared)

Updates `@kong-ui-public/entities-snis` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-snis)

Updates `@kong-ui-public/entities-upstreams-targets` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-upstreams-targets)

Updates `@kong-ui-public/entities-vaults` from 3.0.11 to 3.2.0
- [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/[email protected]/packages/entities/entities-vaults)

Updates `@kong-ui-public/forms` from 2.4.2 to 3.1.5
- [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/[email protected]/packages/core/forms)

Updates `@kong-ui-public/misc-widgets` from 2.0.36 to 2.0.39
- [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/[email protected]/packages/core/misc-widgets)

Updates `@kong/icons` from 1.9.0 to 1.9.1
- [Release notes](https://github.com/Kong/icons/releases)
- [Changelog](https://github.com/Kong/icons/blob/main/CHANGELOG.md)
- [Commits](Kong/icons@v1.9.0...v1.9.1)

Updates `@kong-ui-public/core` from 1.5.9 to 1.6.0
- [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/[email protected]/packages/core/core)

Updates `@kong-ui-public/entities-consumer-groups` from 3.0.11 to 3.1.0
- [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/[email protected]/packages/entities/entities-consumer-groups)

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

---
updated-dependencies:
- dependency-name: "@kong-ui-public/app-layout"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-certificates"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-consumer-credentials"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-consumers"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-data-plane-nodes"
  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-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-key-sets"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-keys"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  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-minor
  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-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/entities-upstreams-targets"
  dependency-type: direct:production
  update-type: version-update:semver-minor
  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-major
  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/icons"
  dependency-type: direct:production
  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-minor
  dependency-group: kong-packages
- dependency-name: "@kong-ui-public/expressions"
  dependency-type: indirect
  update-type: version-update:semver-patch
  dependency-group: kong-packages
...

Signed-off-by: dependabot[bot] <[email protected]>

* deps(*): upgrade Kongponents

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Leopoldthecoder <[email protected]>

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.25",
-    "@kong-ui-public/entities-certificates": "^3.0.11",
-    "@kong-ui-public/entities-consumer-credentials": "^3.0.11",
-    "@kong-ui-public/entities-consumers": "^3.0.11",
-    "@kong-ui-public/entities-data-plane-nodes": "^0.1.1",
-    "@kong-ui-public/entities-gateway-services": "^3.0.12",
-    "@kong-ui-public/entities-key-sets": "^3.0.11",
-    "@kong-ui-public/entities-keys": "^3.0.11",
-    "@kong-ui-public/entities-plugins": "^4.1.0",
-    "@kong-ui-public/entities-routes": "^3.1.5",
-    "@kong-ui-public/entities-shared": "^3.1.1",
-    "@kong-ui-public/entities-snis": "^3.0.11",
-    "@kong-ui-public/entities-upstreams-targets": "^3.0.11",
-    "@kong-ui-public/entities-vaults": "^3.0.11",
-    "@kong-ui-public/forms": "2",
+    "@kong-ui-public/app-layout": "^4.1.3",
+    "@kong-ui-public/entities-certificates": "^3.1.0",
+    "@kong-ui-public/entities-consumer-credentials": "^3.1.0",
+    "@kong-ui-public/entities-consumers": "^3.1.0",
+    "@kong-ui-public/entities-data-plane-nodes": "^0.1.6",
+    "@kong-ui-public/entities-gateway-services": "^3.2.0",
+    "@kong-ui-public/entities-key-sets": "^3.1.0",
+    "@kong-ui-public/entities-keys": "^3.1.0",
+    "@kong-ui-public/entities-plugins": "^4.3.0",
+    "@kong-ui-public/entities-routes": "^3.2.0",
+    "@kong-ui-public/entities-shared": "^3.2.0",
+    "@kong-ui-public/entities-snis": "^3.1.0",
+    "@kong-ui-public/entities-upstreams-targets": "^3.1.0",
+    "@kong-ui-public/entities-vaults": "^3.2.0",
+    "@kong-ui-public/forms": "^3.1.5",
     "@kong-ui-public/i18n": "^2.1.5",
-    "@kong-ui-public/misc-widgets": "^2.0.36",
-    "@kong/icons": "^1.8.8",
-    "@kong/kongponents": "^9.0.0-alpha.146",
+    "@kong-ui-public/misc-widgets": "^2.0.39",
+    "@kong/icons": "^1.9.1",
+    "@kong/kongponents": "^9.0.0-alpha.154",
     "@material-design-icons/font": "^0.14.9",
     "axios": "^1.6.0",
     "dayjs": "^1.11.10",

src/pages/data-plane-nodes/List.vue

@@ -11,8 +11,8 @@
         :error-state-message="errorMessage"
         :error-state-title="t('entities.dp-nodes.error.title')"
         :fetcher="fetcher"
-        :has-error="!!errorMessage"
-        pagination-type="offset"
+        :error="!!errorMessage"
+        pagination-offset
       >
         <template #toolbar>
           <KDropdown v-if="visibleNodes.length">

tests/playwright/commands/expectEmptyEntityList.ts

@@ -2,6 +2,6 @@ import type { Page } from '@playwright/test'
 import { expect } from '@playwright/test'
 
 export const expectEmptyEntityList = async (page: Page, entity: string, description: string) => {
-  await expect(page.locator(`.kong-ui-entities-${entity}-list .k-table-empty-state .primary`)).toBeVisible()
-  await expect(page.locator(`.kong-ui-entities-${entity}-list .k-table-empty-state .empty-state-title`)).toHaveText(description)
+  await expect(page.locator(`.kong-ui-entities-${entity}-list .table-empty-state .primary`)).toBeVisible()
+  await expect(page.locator(`.kong-ui-entities-${entity}-list .table-empty-state .empty-state-title`)).toHaveText(description)
 }

tests/playwright/specs/consumers/01-Consumers.spec.ts

@@ -37,7 +37,7 @@ test.describe('consumers', () => {
 
   test('consumer create from - entrance and exit', async ({ page }) => {
     // from create button in empty placeholder
-    await withNavigation(page, () => page.click('.k-table-empty-state .primary'))
+    await withNavigation(page, () => page.click('.table-empty-state .primary'))
     await page.waitForSelector('.kong-ui-entities-consumer-form')
 
     // exit from cancel button
@@ -46,13 +46,13 @@ test.describe('consumers', () => {
   })
 
   test('consumer create - save button is disabled', async ({ page }) => {
-    await withNavigation(page, () => page.click('.k-table-empty-state .primary'))
+    await withNavigation(page, () => page.click('.table-empty-state .primary'))
     await page.waitForSelector('.kong-ui-entities-consumer-form')
     await expect(page.getByTestId('form-submit')).toBeDisabled()
   })
 
   test('consumer create - success', async ({ page }) => {
-    await withNavigation(page, () => page.click('.k-table-empty-state .primary'))
+    await withNavigation(page, () => page.click('.table-empty-state .primary'))
     await page.waitForSelector('.kong-ui-entities-consumer-form')
 
     await fillEntityForm({

tests/playwright/specs/consumers/03-ConsumerPlugins.spec.ts

@@ -63,7 +63,7 @@ test.describe('consumer plugins', () => {
       page,
       () => page.locator('[data-testid="form-actions"] .primary').click(),
     )
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTag)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTag)
 
     await withNavigation(page, () => clickEntityListAction(page, 'edit'))
     await expandAdvancedFields(page)
@@ -72,7 +72,7 @@ test.describe('consumer plugins', () => {
       page,
       async () => await page.locator('[data-testid="form-cancel"]').click()
     )
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTag)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTag)
   })
 
   test('change scope from global to scoped', async ({ page }) => {

tests/playwright/specs/data-plane-nodes/01-DataPlaneNodes.spec.ts

@@ -26,7 +26,7 @@ test.describe('data plane nodes', () => {
     ]
 
     headers.forEach(async (header: string) => {
-      await expect(table.getByTestId(`k-table-header-${header}`)).toBeVisible()
+      await expect(table.getByTestId(`table-header-${header}`)).toBeVisible()
     })
   })
 
@@ -69,8 +69,8 @@ test.describe('data plane nodes', () => {
     const globalCheckbox = table.locator('thead input[type="checkbox"]')
 
     await globalCheckbox.check()
-    await page.locator('.k-table-toolbar .dropdown-trigger').click()
-    await page.locator('.k-table-toolbar [data-testid="dropdown-item-change-log-level"]').click()
+    await page.locator('.table-toolbar .dropdown-trigger').click()
+    await page.locator('.table-toolbar [data-testid="dropdown-item-change-log-level"]').click()
 
     await expect(page.locator('.k-modal .modal-title')).toContainText('3 Nodes')
     await page.locator('.log-level-select input').click()

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

@@ -27,14 +27,14 @@ test.describe('keySets', () => {
   })
 
   test('cancel the creation of a key set', async ({ page }) => {
-    await expect(page.locator('.k-table-empty-state')).toBeVisible()
-    await withNavigation(page, () => page.locator('.k-table-empty-state .primary').click())
+    await expect(page.locator('.table-empty-state')).toBeVisible()
+    await withNavigation(page, () => page.locator('.table-empty-state .primary').click())
     await withNavigation(page, () => page.locator('.form-actions [data-testid="form-cancel"]').click())
-    await expect(page.locator('.k-table-empty-state')).toBeVisible()
+    await expect(page.locator('.table-empty-state')).toBeVisible()
   })
 
   test('create a key set', async ({ page }) => {
-    await withNavigation(page, () => page.locator('.k-table-empty-state .primary').click())
+    await withNavigation(page, () => page.locator('.table-empty-state .primary').click())
     await withNavigation(page, () => fillEntityForm({
       page,
       formData: {
@@ -45,7 +45,7 @@ test.describe('keySets', () => {
     }))
     await waitAndDismissToasts(page)
 
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockName)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 
@@ -66,8 +66,8 @@ test.describe('keySets', () => {
       withAction: 'submit',
     }))
 
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockName)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTags)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTags)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 
@@ -82,8 +82,8 @@ test.describe('keySets', () => {
       withAction: 'cancel',
     }))
 
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockName)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTags)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTags)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 
@@ -92,6 +92,6 @@ test.describe('keySets', () => {
     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()
+    await expect(page.locator('.table-empty-state')).toBeVisible()
   })
 })

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

@@ -52,7 +52,7 @@ test.describe('key-set keys tab', () => {
 
     await waitAndDismissToasts(page)
 
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockJwName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockJwName)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 
@@ -73,6 +73,6 @@ test.describe('key-set keys tab', () => {
     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()
+    await expect(page.locator('.table-empty-state')).toBeVisible()
   })
 })

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

@@ -37,7 +37,7 @@ test.describe('keys', () => {
   })
 
   test('cancel a create behavior', async ({ page }) => {
-    await withNavigation(page, () => page.locator('.k-table-empty-state .primary').click())
+    await withNavigation(page, () => page.locator('.table-empty-state .primary').click())
 
     await withNavigation(page, () => fillEntityForm({
       page,
@@ -51,11 +51,11 @@ test.describe('keys', () => {
       withAction: 'cancel',
     }))
 
-    await expect(page.locator('.k-table-empty-state')).toBeVisible()
+    await expect(page.locator('.table-empty-state')).toBeVisible()
   })
 
   test('create a jwk key with required fields only', async ({ page }) => {
-    await withNavigation(page, () => page.locator('.k-table-empty-state .primary').click())
+    await withNavigation(page, () => page.locator('.table-empty-state .primary').click())
 
     await withNavigation(page, () => fillEntityForm({
       page,
@@ -71,9 +71,9 @@ test.describe('keys', () => {
     await waitAndDismissToasts(page)
 
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText('-')
-    await expect(page.locator('.k-table [data-testid="kid"]')).toContainText(mockJwk.kid)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="kid"]')).toContainText(mockJwk.kid)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText('-')
   })
 
   test('view keys detail page - 1', async ({ page }) => {
@@ -112,9 +112,9 @@ test.describe('keys', () => {
 
     await waitAndDismissToasts(page)
 
-    await expect(page.locator('.k-table [data-testid="kid"]')).toContainText(mockPemKid)
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockPemName)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTags)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="kid"]')).toContainText(mockPemKid)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockPemName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTags)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 
@@ -140,9 +140,9 @@ test.describe('keys', () => {
 
     await waitAndDismissToasts(page)
 
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText('-')
-    await expect(page.locator('.k-table [data-testid="kid"]')).toContainText(mockPemKid)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="kid"]')).toContainText(mockPemKid)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText('-')
   })
 
   test('view keys detail page - 3', async ({ page }) => {
@@ -200,17 +200,17 @@ test.describe('keys', () => {
       method: 'fill',
       withAction: 'cancel',
     }))
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText('-')
-    await expect(page.locator('.k-table [data-testid="kid"]')).toContainText(mockPemKid)
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText('-')
+    await expect(page.locator('.k-table .table-wrapper [data-testid="kid"]')).toContainText(mockPemKid)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText('-')
   })
 
   test('delete a key', async ({ page }) => {
     await clickEntityListAction(page, 'delete')
     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()
+    await expect(page.locator('.table-empty-state')).toBeVisible()
   })
 
   test('create a key with pem', async ({ page }) => {
@@ -228,7 +228,7 @@ test.describe('keys', () => {
       withAction: 'submit',
     }))
     await waitAndDismissToasts(page)
-    await expect(page.locator('.k-table [data-testid="name"]')).toContainText(mockPemName)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="name"]')).toContainText(mockPemName)
     await expect(page.locator('.k-table tbody tr')).toHaveCount(1)
   })
 

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

@@ -83,23 +83,23 @@ test.describe('routes', () => {
 
   test('route create - cancel button', async ({ page }) => {
     await withNavigation(page, () =>
-      page.locator('.k-table-empty-state .primary').click()
+      page.locator('.table-empty-state .primary').click()
     )
     await page.locator('[data-testid="form-cancel"]').click()
     await expectEmptyEntityList(page, 'routes', 'Configure a New Route')
   })
 
   test('route create - save button is disabled', async ({ page }) => {
     await withNavigation(page, () =>
-      page.locator('.k-table-empty-state .primary').click()
+      page.locator('.table-empty-state .primary').click()
     )
 
     await expect(page.locator('[data-testid="form-submit"]')).toBeDisabled()
   })
 
   test('route create - cannot be submit if only protocol is clicked', async ({ page }) => {
     await withNavigation(page, () =>
-      page.locator('.k-table-empty-state .primary').click()
+      page.locator('.table-empty-state .primary').click()
     )
 
     await page.locator('[data-testid="route-form-protocols"]').fill('http')
@@ -108,7 +108,7 @@ test.describe('routes', () => {
 
   test('route create - fail with invalid paths', async ({ page }) => {
     await withNavigation(page, () =>
-      page.locator('.k-table-empty-state .primary').click()
+      page.locator('.table-empty-state .primary').click()
     )
 
     await fillArrayField(page, 'paths', ['kong(-ee){0,1}.com'], true)
@@ -126,7 +126,7 @@ test.describe('routes', () => {
 
   test('route create - can open/close advanced fields', async ({ page }) => {
     await withNavigation(page, () =>
-      page.locator('.k-table-empty-state .primary').click()
+      page.locator('.table-empty-state .primary').click()
     )
 
     // default the advanced field status
@@ -160,7 +160,7 @@ test.describe('routes', () => {
     for (const protocol of protocols) {
       test(`route create - sni field appears and hide correctly with protocols (${protocol})`, async ({ page }) => {
         await withNavigation(page, () =>
-          page.locator('.k-table-empty-state .primary').click()
+          page.locator('.table-empty-state .primary').click()
         )
 
         await selectProtocols(page, `${protocol}`)
@@ -176,7 +176,7 @@ test.describe('routes', () => {
   test(`route create - successful create`, async ({ page }) => {
     await withNavigation(
       page,
-      async () => await page.locator('.kong-ui-entities-routes-list .k-table-empty-state .primary').click()
+      async () => await page.locator('.kong-ui-entities-routes-list .table-empty-state .primary').click()
     )
 
     await page.waitForSelector('.k-breadcrumbs', { state: 'hidden' })
@@ -263,10 +263,10 @@ test.describe('routes', () => {
         })
       })
 
-    await expect(page.locator('.k-table [data-testid="tags"]')).toHaveText(mockTag)
-    await expect(page.locator('.k-table [data-testid="paths"]')).toContainText(mockPaths[0])
-    await expect(page.locator('.k-table [data-testid="paths"]')).toContainText(mockPaths[1])
-    await expect(page.locator('.k-table [data-testid="paths"] .k-badge')).toHaveCount(mockPaths.length)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="tags"]')).toHaveText(mockTag)
+    await expect(page.locator('.k-table .table-wrapper [data-testid="paths"]')).toContainText(mockPaths[0])
+    await expect(page.locator('.k-table .table-wrapper [data-testid="paths"]')).toContainText(mockPaths[1])
+    await expect(page.locator('.k-table .table-wrapper [data-testid="paths"] .k-badge')).toHaveCount(mockPaths.length)
   })
 
   test('route update changing protocols from http to grpc - successful', async ({ page }) => {
@@ -335,7 +335,7 @@ test.describe('routes', () => {
 
     await withNavigation(
       page,
-      async () => await page.locator('.k-table-empty-state .primary').click()
+      async () => await page.locator('.table-empty-state .primary').click()
     )
 
     await init()
@@ -573,7 +573,7 @@ test.describe('routes', () => {
     await page.goto('/services')
     await withNavigation(page, () => clickEntityListAction(page, 'view'))
     await switchDetailTab(page, 'routes')
-    await page.click('.kong-ui-entities-routes-list .k-table-empty-state .primary')
+    await page.click('.kong-ui-entities-routes-list .table-empty-state .primary')
     await expect(page.locator('[data-testid="route-form-service-id"]')).not.toBeVisible()
   })