upcoming: [M3-9141] - Add udp_check_port support to NodeBalancers

[bnussman-akamai]

Description 📝

• Adds support for the new udp_check_port NodeBalancer config field ➕
• Updated UI to minimize layout shifting when changing protocol and other fields 🎨
• Removed the "HTTP Cookie" session stickiness option when the tcp protocol is selected 🚫
• Moved required fields to the top of the "Active HealthChecks" section ⬆️

Preview 📷

	Before	After
New field
Updated TCP layout
Updated HTTPS layout

How to test 🧪

• Use dev API
• Ensure the udp flag is enabled
• Ensure you have the nb-udp-alpha customer tag
• Test the new "Health Check Port" field
  • Protocol must be UDP for this new field to be visible
• Verify the UI changes have improve the layout shifting and overall user experience

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 unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[github-actions]

Coverage Report: ✅
Base Coverage: 79.11%
Current Coverage: 79.11%

[hana-akamai]

Dev isn't loading for me rn but the code is looking good

Can we make the Interval and Timeout inputs smaller so there's more spacing between columns?

[bnussman-akamai]

@hana-akamai I honestly don't know how to do that with MUI grid. Does this look any better?

[hana-akamai]

@bnussman hmm looks a bit too cramped with 3 side by side, I guess we can keep it as is

I'm getting an error when trying to save the UDP changes, is this expected?

[bnussman-akamai]

@hana-akamai I wasn't able to replicate that. You'll need the nb-udp-alpha customer tag for the API request to go through. I recommend using dev if possible. Sorry for not including that in the description!

[linode-gh-bot]

Cloud Manager UI test results

🔺 1 failing test on test run #17 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
1 Failing	481 Passing	2 Skipped	98m 36s

Details

Failing Tests
	Spec	Test
❌	linode-config.spec.ts	End-to-End » Clones a config

Troubleshooting

Use this command to re-run the failing tests:

yarn cy:run -s "cypress/e2e/core/linodes/linode-config.spec.ts"

[cypress]

Cloud Manager E2E    Run #7126

Run Properties:   Passed #7126  •  cc51ff4dc7: upcoming: [M3-9141] - Add `udp_check_port` support to NodeBalancers (#11534)

Project	Cloud Manager E2E
Branch Review	develop
Run status	Passed #7126
Run duration	30m 22s
Commit	cc51ff4dc7: upcoming: [M3-9141] - Add `udp_check_port` support to NodeBalancers (#11534)
Committer	Banks Nussman
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	4
Pending	2
Skipped	0
Passing	482
View all changes introduced in this branch ↗︎