upcoming: [UIE-10073] - DBaaS - Update Add/Edit Connection Pool drawer fields to use Autocomplete

[smans-akamai]

Description 📝

This pull request is to update the Add/Edit Connection Pool drawer fields to use the Autocomplete component

Changes 🔄

List any change(s) relevant to the reviewer.

• Updated the Add/Edit Connection Pool drawer fields to use the Autocomplete component
• The Database Name, Pool Mode, and Username fields have been changed from Select to Autocomplete

Scope 🚢

Upon production release, changes in this PR will be visible to:

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

Preview 📷

Add Pool Workflow
Note: The same changes have been applied to the Edit Pool Workflow and can be tested using the verification steps below.

Before	After
BEFORE-pool-select.mov	AFTER-pool-autocomplete.mov

How to test 🧪

Prerequisites

(How to setup test environment)

• Have the Database PgBouncer feature flag enabled
• Turn on the legacy MSW
• To make sure the Add Pool button gets enabled for postgresql database clusters, modify the mock database response by setting the database status property in makeMockDatabase to active.
• To do this, add a new line here and add the following:

database.status = 'active';

Verification steps

(How to verify changes)
Add Connection Pool Workflow:

• Go to the Networking tab of an active PostgreSQL Database Cluster http://localhost:3000/databases/postgresql/1/networking
• Select the Add Pool button in the Manage PgBouncer Connection Pools section to open the Add a New Connection Pool drawer
• Verify that the Database Name, Pool Mode, and Username fields now use the Autocomplete component and behavior.
• Save or Close the drawer before proceeding to the next workflow.

Edit Connection Pool Workflow:

• In the Networking tab of the active PostgreSQL Database Cluster, go to the Connection Pools table and select the action menu dropdown for an existing connection pool
• This will open the Edit Connection Pool Drawer
• Verify that the Database Name, Pool Mode, and Username fields now use the Autocomplete component and behavior.

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[linode-gh-bot]

Cloud Manager UI test results

🔺 2 failing tests on test run #2 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
2 Failing	863 Passing	11 Skipped	39m 52s

Details

Failing Tests
	Spec	Test
❌	create-linode-with-add-ons.spec.ts	Cloud Manager Cypress Tests→Create Linode with Add-ons » can select private IP during Linode Create flow
❌	clone-linode.spec.ts	Cloud Manager Cypress Tests→clone linode » can clone a Linode from Linode details page

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/linodes/create-linode-with-add-ons.spec.ts,cypress/e2e/core/linodes/clone-linode.spec.ts"

[mpolotsk-akamai]

Works as expected. Thanks!