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

…updates (#213)

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

Bumps the kong-packages group with 12 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.21` | `4.0.23` |
| [@kong-ui-public/entities-certificates](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-certificates) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-consumer-credentials](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumer-credentials) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-consumers](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-consumers) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-gateway-services](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-gateway-services) | `3.0.6` | `3.0.11` |
| [@kong-ui-public/entities-key-sets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-key-sets) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-keys](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-keys) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-plugins](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-plugins) | `3.0.9` | `3.0.16` |
| [@kong-ui-public/entities-snis](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-snis) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-upstreams-targets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-upstreams-targets) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/entities-vaults](https://github.com/Kong/public-ui-components/tree/HEAD/packages/entities/entities-vaults) | `3.0.5` | `3.0.10` |
| [@kong-ui-public/misc-widgets](https://github.com/Kong/public-ui-components/tree/HEAD/packages/core/misc-widgets) | `2.0.35` | `2.0.36` |



Updates `@kong-ui-public/app-layout` from 4.0.21 to 4.0.23
- [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.23/packages/core/app-layout)

Updates `@kong-ui-public/entities-certificates` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-certificates)

Updates `@kong-ui-public/entities-consumer-credentials` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-consumer-credentials)

Updates `@kong-ui-public/entities-consumers` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-consumers)

Updates `@kong-ui-public/entities-gateway-services` from 3.0.6 to 3.0.11
- [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@3.0.11/packages/entities/entities-gateway-services)

Updates `@kong-ui-public/entities-key-sets` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-key-sets)

Updates `@kong-ui-public/entities-keys` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-keys)

Updates `@kong-ui-public/entities-plugins` from 3.0.9 to 3.0.16
- [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@3.0.16/packages/entities/entities-plugins)

Updates `@kong-ui-public/entities-routes` from 3.0.5 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-routes/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-routes@3.1.0/packages/entities/entities-routes)

Updates `@kong-ui-public/entities-shared` from 3.0.5 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-shared/CHANGELOG.md)
- [Commits](https://github.com/Kong/public-ui-components/commits/@kong-ui-public/entities-shared@3.1.0/packages/entities/entities-shared)

Updates `@kong-ui-public/entities-snis` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-snis)

Updates `@kong-ui-public/entities-upstreams-targets` from 3.0.5 to 3.0.10
- [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@3.0.10/packages/entities/entities-upstreams-targets)

Updates `@kong-ui-public/entities-vaults` from 3.0.5 to 3.0.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@3.0.10/packages/entities/entities-vaults)

Updates `@kong-ui-public/forms` from 2.4.0 to 2.4.2
- [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.4.2/packages/core/forms)

Updates `@kong-ui-public/misc-widgets` from 2.0.35 to 2.0.36
- [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.36/packages/core/misc-widgets)

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

Updates `@kong-ui-public/entities-consumer-groups` from 3.0.5 to 3.0.10
- [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@3.0.10/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/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-patch
  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-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-patch
  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/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-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(*): upgrade kongponents

---------

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>

package.json

@@ -23,27 +23,28 @@
     "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.21",
-    "@kong-ui-public/entities-certificates": "^3.0.5",
-    "@kong-ui-public/entities-consumer-credentials": "^3.0.5",
-    "@kong-ui-public/entities-consumers": "^3.0.5",
-    "@kong-ui-public/entities-gateway-services": "^3.0.6",
-    "@kong-ui-public/entities-key-sets": "^3.0.5",
-    "@kong-ui-public/entities-keys": "^3.0.5",
-    "@kong-ui-public/entities-plugins": "^3.0.9",
+    "@kong-ui-public/app-layout": "^4.0.23",
+    "@kong-ui-public/entities-certificates": "^3.0.10",
+    "@kong-ui-public/entities-consumer-credentials": "^3.0.10",
+    "@kong-ui-public/entities-consumers": "^3.0.10",
+    "@kong-ui-public/entities-gateway-services": "^3.0.11",
+    "@kong-ui-public/entities-key-sets": "^3.0.10",
+    "@kong-ui-public/entities-keys": "^3.0.10",
+    "@kong-ui-public/entities-plugins": "^3.0.16",
     "@kong-ui-public/entities-routes": "^3.0.0",
     "@kong-ui-public/entities-shared": "^3.0.0",
-    "@kong-ui-public/entities-snis": "^3.0.5",
-    "@kong-ui-public/entities-upstreams-targets": "^3.0.5",
-    "@kong-ui-public/entities-vaults": "^3.0.5",
+    "@kong-ui-public/entities-snis": "^3.0.10",
+    "@kong-ui-public/entities-upstreams-targets": "^3.0.10",
+    "@kong-ui-public/entities-vaults": "^3.0.10",
     "@kong-ui-public/forms": "^2.1.28",
     "@kong-ui-public/i18n": "^2.1.5",
-    "@kong-ui-public/misc-widgets": "^2.0.35",
+    "@kong-ui-public/misc-widgets": "^2.0.36",
     "@kong/icons": "^1.8.8",
-    "@kong/kongponents": "^9.0.0-alpha.138",
+    "@kong/kongponents": "^9.0.0-alpha.146",
     "@material-design-icons/font": "^0.14.9",
     "axios": "^1.6.0",
     "marked": "^5.1.0",
+    "monaco-editor": "0.21.3",
     "pinia": "^2.1.6",
     "vue": "^3.3.13",
     "vue-router": "^4.2.2"

src/App.vue

@@ -112,8 +112,8 @@ const sidebarItems = computed<Array<SidebarPrimaryItem>>(() => [
   padding: 32px 40px 80px !important;
 }
 
-// TODO: remove this when we upgrade to Kongponents v9
-:deep(.k-code-block.theme-dark pre) {
-  background-color: $kui-color-background-neutral-strongest!important;
+:deep(.json-content.k-code-block) {
+  border-top-left-radius: $kui-border-radius-0 !important;
+  border-top-right-radius: $kui-border-radius-0 !important;
 }
 </style>

tests/playwright/commands/clickConfigurationCopy.ts

@@ -5,5 +5,5 @@ export const clickConfigurationCopy = async (pageOrLocator: Page | Locator, enti
   const configCardLocator = pageOrLocator.locator(`.kong-ui-${entity}-entity-config-card`)
 
   await selectOption(configCardLocator.locator('.config-card-actions'), 'json')
-  await configCardLocator.locator('#json-codeblock [data-testid="k-code-block-copy-button"]').click()
+  await configCardLocator.locator('#json-codeblock [data-testid="code-block-copy-button"]').click()
 }

tests/playwright/commands/expandAdvancedFields.ts

@@ -6,9 +6,13 @@ export const expandAdvancedFields = async (page: Page) => {
     .locator('.entity-form > .vue-form-generator > fieldset')
     .or(page.locator('.entity-form .k-tabs')) // for oidc plugin
     .waitFor({ state: 'attached' })
-  const advancedFieldsExpandTrigger = page.locator('.k-collapse.nested-collapse .k-collapse-trigger-chevron.kong-icon-chevronRight')
+  const advancedFieldsExpandTrigger = page.locator('.k-collapse.nested-collapse .collapse-trigger-icon.chevron-right-icon')
 
   if (await advancedFieldsExpandTrigger.isVisible()) {
-    await advancedFieldsExpandTrigger.click()
+    const classes = await advancedFieldsExpandTrigger.getAttribute('class') ?? ''
+
+    if (!classes.includes('collapse-expanded')) {
+      await advancedFieldsExpandTrigger.click()
+    }
   }
 }

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

@@ -399,18 +399,18 @@ test.describe('plugins', () => {
     await withNavigation(page, async () => await page.locator('.kong-ui-entities-plugins-list [data-testid="toolbar-add-plugin"]').click())
     await expect(filterInput).toBeVisible()
     await filterInput.fill('traf')
-    await expect(page.getByTestId('k-collapse-title')).toHaveCount(1)
-    await expect(page.getByTestId('k-collapse-title')).toContainText('Traffic Control')
+    await expect(page.getByTestId('collapse-title')).toHaveCount(1)
+    await expect(page.getByTestId('collapse-title')).toContainText('Traffic Control')
 
     await filterInput.fill('bas')
-    await expect(page.getByTestId('k-collapse-title')).toHaveCount(1)
-    await expect(page.getByTestId('k-collapse-title')).toContainText('Authentication')
+    await expect(page.getByTestId('collapse-title')).toHaveCount(1)
+    await expect(page.getByTestId('collapse-title')).toContainText('Authentication')
     await expect(page.locator('.plugin-select-card')).toHaveCount(1)
     await expect(page.locator('.plugin-select-card .plugin-card-title')).toContainText('Basic Authentication')
 
     await filterInput.fill('sad')
     await expect(page.getByTestId('plugins-empty-state')).toBeVisible()
-    await expect(page.getByTestId('k-collapse-title')).not.toBeVisible()
+    await expect(page.getByTestId('collapse-title')).not.toBeVisible()
     await expect(page.locator('[data-testid="plugins-empty-state"] .empty-state-message')).toContainText('No results found')
   })
 

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

@@ -130,20 +130,19 @@ test.describe('routes', () => {
     )
 
     // default the advanced field status
-    await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronRight')).toBeVisible()
-    await expect(page.locator('[data-testid="k-collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
+    await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).toBeVisible()
+    await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).not.toHaveClass(/collapse-expanded/)
+    await expect(page.locator('[data-testid="collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
 
     // open the advanced field
-    await page.locator('[data-testid="k-collapse-trigger-label"]').click()
-    await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronDown')).toBeVisible()
-    await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronRight')).not.toBeVisible()
-    await expect(page.locator('[data-testid="k-collapse-hidden-content"]')).toHaveAttribute('style', '')
+    await page.locator('[data-testid="collapse-trigger-label"]').click()
+    await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).toHaveClass(/collapse-expanded/)
+    await expect(page.locator('[data-testid="collapse-hidden-content"]')).toHaveAttribute('style', '')
 
     // hide the advanced field
-    await page.locator('[data-testid="k-collapse-trigger-label"]').click()
-    await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronDown')).not.toBeVisible()
-    await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronRight')).toBeVisible()
-    await expect(page.locator('[data-testid="k-collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
+    await page.locator('[data-testid="collapse-trigger-label"]').click()
+    await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).not.toHaveClass(/collapse-expanded/)
+    await expect(page.locator('[data-testid="collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
   })
 
   const testProtocols = [
@@ -375,11 +374,11 @@ test.describe('routes', () => {
           await fillArrayField(page, 'snis', ['snis'])
         }
 
-        await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronRight')).toBeVisible()
-        await expect(page.locator('[data-testid="k-collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
+        await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).not.toHaveClass(/collapse-expanded/)
+        await expect(page.locator('[data-testid="collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
 
         // open the advanced field
-        await page.locator('[data-testid="k-collapse-trigger-label"]').click()
+        await page.locator('[data-testid="collapse-trigger-label"]').click()
         if (!isStripPath) {
           await page.getByTestId('route-form-strip-path').click()
         }
@@ -412,11 +411,11 @@ test.describe('routes', () => {
         await fillArrayField(page, 'hosts', ['google.com'])
         await expect(page.getByTestId('routing-rule-methods')).toHaveCount(0)
 
-        await expect(page.locator('[data-testid="k-collapse-trigger-content"] .kong-icon-chevronRight')).toBeVisible()
-        await expect(page.locator('[data-testid="k-collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
+        await expect(page.locator('[data-testid="collapse-trigger-content"] .chevron-right-icon')).not.toHaveClass(/collapse-expanded/)
+        await expect(page.locator('[data-testid="collapse-hidden-content"]')).toHaveAttribute('style', 'display: none;')
 
         // open the advanced field
-        await page.locator('[data-testid="k-collapse-trigger-label"]').click()
+        await page.locator('[data-testid="collapse-trigger-label"]').click()
 
         await expect(page.getByTestId('route-form-strip-path')).not.toBeVisible()
       }, data,

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

@@ -209,8 +209,8 @@ test.describe('services', () => {
       page.locator('.toolbar-button-container .primary').click()
     )
 
-    await expect(page.getByTestId('k-collapse-trigger-content')).toBeVisible()
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await expect(page.getByTestId('collapse-trigger-content')).toBeVisible()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await fillEntityForm({
       page,
@@ -278,7 +278,7 @@ test.describe('services', () => {
       page.locator('.k-table-empty-state .primary').click()
     )
 
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await withNavigation(page, () => fillEntityForm({
       page,
@@ -296,7 +296,7 @@ test.describe('services', () => {
     await expect(page.locator('[data-testid="tls_verify-property-value"]')).toHaveText('Use default system setting')
 
     await withNavigation(page, () => clickHeaderAction(page, 'edit'))
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await expect(page.getByTestId('gateway-service-tls-verify-checkbox')).not.toBeChecked()
     await page.getByTestId('gateway-service-tls-verify-checkbox').click()
@@ -306,7 +306,7 @@ test.describe('services', () => {
     await waitAndDismissToasts(page)
 
     await withNavigation(page, () => clickHeaderAction(page, 'edit'))
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await expect(page.getByTestId('gateway-service-tls-verify-false-option')).toBeChecked()
     await page.getByTestId('gateway-service-tls-verify-true-option').click()
@@ -315,7 +315,7 @@ test.describe('services', () => {
     await waitAndDismissToasts(page)
 
     await withNavigation(page, () => clickHeaderAction(page, 'edit'))
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await expect(page.getByTestId('gateway-service-tls-verify-true-option')).toBeChecked()
   })
@@ -331,7 +331,7 @@ test.describe('services', () => {
       page.locator('.toolbar-button-container .primary').click()
     )
 
-    await page.getByTestId('k-collapse-trigger-content').click()
+    await page.getByTestId('collapse-trigger-content').click()
 
     await withNavigation(page, () =>
       fillEntityForm({