UI: Add UI support for forvpc and guestiptype parameters of the listNetworkOfferings API

[bernardodemarco]

Description

Currently, the listNetworkOfferings API supports the forvpc and guestiptype parameters (see API docs). The first is used to filter network offerings that can only be used for creating VPC tiers; the second allows filtering by guest network type (available options are: Isolated, Shared and L2).

This PR adds support to these parameters in the UI. The forvpc filter has been added as a normal filter (declared in the filters property of the network offerings section's object) and the guestiptype as a search filter (declared in the searchFilters property).

Furthermore, this PR also fixes a bug that caused duplicate options to appear in search filter lists.

---

Fixes #9924

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• build/CI
• test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

How Has This Been Tested?

forvpc filter tests

• I checked that when selecting VPC on the section's filter, a request to listNetworkOfferings was sent, with the forvpc parameter set to true.
• I checked that when selecting Guest Network on the section's filter, a request to listNetworkOfferings was sent, with the forvpc parameter set to false.
• I checked that when selecting All on the section's filter, a request to listNetworkOfferings was sent, without the forvpc parameter.

guestiptype filter tests

• I checked that when selecting the Isolated option on the Guest Type search filter, a request to listNetworkOfferings was sent, with the guestiptype parameter set to Isolated.
• I checked that when selecting the Shared option on the Guest Type search filter, a request to listNetworkOfferings was sent, with the guestiptype parameter set to Shared.
• I checked that when selecting the L2 option on the Guest Type search filter, a request to listNetworkOfferings was sent, with the guestiptype parameter set to L2.

Duplicate options in search filter lists

Before

After

[bernardodemarco]

@blueorangutan ui

[blueorangutan]

@bernardodemarco a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 15.80%. Comparing base (8a2c0f3) to head (75c6305).
⚠️ Report is 742 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #9947      +/-   ##
============================================
- Coverage     15.80%   15.80%   -0.01%     
- Complexity    12585    12586       +1     
============================================
  Files          5627     5627              
  Lines        492343   492350       +7     
  Branches      59694    59694              
============================================
  Hits          77828    77828              
- Misses       405992   405999       +7     
  Partials       8523     8523              

Flag	Coverage Δ
uitests	4.04% <ø> (-0.01%)	⬇️
unittests	16.63% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9947 (QA-JID-481)

[JoaoJandre]

@blueorangutan ui

[blueorangutan]

@JoaoJandre a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9947 (QA-JID-486)

[kiranchavala]

@blueorangutan ui

[blueorangutan]

@kiranchavala a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9947 (QA-JID-489)

[kiranchavala]

LGTM,

Tested manually and the filters are present are L2, Shared, Isolated and vpc network offerings

[JoaoJandre]

CLGTM, I did not test it