OCPNETUI-204: Add dedicated BGPCloudConfiguration and BGPRouting views

README.md

@@ -1,8 +1,8 @@
 # Networking Console Plugin
 
 An OpenShift Console dynamic plugin that provides the Networking section UI for the OpenShift web console. It manages
-views for Services, Routes, Ingresses, NetworkPolicies, NetworkAttachmentDefinitions (NADs), and UserDefinedNetworks (
-UDNs).
+views for Services, Routes, Ingresses, NetworkPolicies, NetworkAttachmentDefinitions (NADs), UserDefinedNetworks (
+UDNs), `BGPCloudConfiguration`, and `BGPRouting`.
 
 The plugin integrates with the [OpenShift Console](https://github.com/openshift/console)
 via [webpack module federation](https://webpack.js.org/concepts/module-federation/) and

integration-tests/tests/bgp.cy.ts

@@ -0,0 +1,110 @@
+import { checkErrors } from '../support';
+import { MINUTE } from '../support/commands';
+
+const CLOUD_CREATE_URL =
+  '/k8s/cluster/networking.openshift.io~v1beta1~BGPCloudConfiguration/~new/form';
+const ROUTING_CREATE_URL = '/k8s/cluster/networking.openshift.io~v1beta1~BGPRouting/~new/form';
+
+const selectFormEditor = () => {
+  cy.get('#form', { timeout: MINUTE }).check({ force: true });
+};
+
+describe('BGP forms', () => {
+  before(() => {
+    cy.login();
+  });
+
+  afterEach(() => {
+    checkErrors();
+  });
+
+  after(() => {
+    cy.logout();
+  });
+
+  it('shows typed cloud fields and only the selected platform section', () => {
+    cy.visit(CLOUD_CREATE_URL);
+    cy.contains('h1', 'Create BGPCloudConfiguration', { timeout: MINUTE }).should('be.visible');
+    selectFormEditor();
+
+    cy.get('#name').should('be.disabled');
+    cy.get('#name').should('have.value', 'cluster');
+    cy.get('#localASN').should('have.attr', 'type', 'text');
+    cy.get('#localASN').type('abc');
+    cy.contains('Enter a valid ASN between 1 and 4294967295.').should('be.visible');
+    cy.get('button[type="submit"]').should('be.disabled');
+    cy.get('#localASN').clear();
+    cy.get('#localASN').type('64512');
+    cy.get('#awsRegion').should('be.visible');
+    cy.get('#awsRouteServerIDs').should('be.visible');
+    cy.get('#azureSubscriptionID').should('not.exist');
+    cy.get('#enableNestedVirtualization').should('not.exist');
+
+    cy.get('#platform').click();
+    cy.contains('[role="menuitem"]', 'GCP').click();
+    cy.get('#gcpProject').should('be.visible');
+    cy.get('#gcpRegion').should('be.visible');
+    cy.get('#cloudRouterName').should('be.visible');
+    cy.get('#enableNestedVirtualization').should('have.attr', 'type', 'checkbox');
+    cy.get('#awsRegion').should('not.exist');
+
+    cy.get('#platform').click();
+    cy.contains('[role="menuitem"]', 'Manual').click();
+    cy.get('#peerSelectorKey').should('be.visible');
+    cy.get('#peerSelectorValue').should('be.visible');
+    cy.get('#neighborAddress').should('be.visible');
+    cy.get('#remoteASN').should('have.attr', 'type', 'text');
+    cy.get('#remoteASN').type('4294967296');
+    cy.contains('Enter a valid ASN between 1 and 4294967295.').should('be.visible');
+    cy.get('#remoteASN').clear();
+    cy.get('#remoteASN').type('64513');
+    cy.get('#ebgpMultiHop').should('have.attr', 'type', 'checkbox');
+  });
+
+  it('supports switching between the guided form and YAML editor', () => {
+    cy.visit(CLOUD_CREATE_URL);
+    selectFormEditor();
+    cy.get('#yaml').check({ force: true });
+    cy.get('.monaco-editor', { timeout: MINUTE }).should('be.visible');
+    cy.get('#form').check({ force: true });
+    cy.get('#localASN').should('be.visible');
+  });
+
+  it('validates BGPRouting CIDRs and refreshes namespace guidance', () => {
+    cy.visit(ROUTING_CREATE_URL);
+    cy.contains('h1', 'Create BGPRouting', { timeout: MINUTE }).should('be.visible');
+    selectFormEditor();
+
+    cy.get('#name').should('have.attr', 'type', 'text');
+    cy.get('#network').type('prod');
+    cy.contains('code', 'cluster-udn=prod').should('be.visible');
+    cy.get('#subnet1').type('not-a-cidr');
+    cy.contains('Enter a valid IPv4 or IPv6 CIDR.').should('be.visible');
+    cy.get('button[type="submit"]').should('be.disabled');
+
+    cy.get('#subnet1').clear();
+    cy.get('#subnet1').type('10.20.0.0/16');
+    cy.get('#subnet2').type('2001:db8:20::/64');
+    cy.get('#subnet3').should('not.exist');
+    cy.get('button[type="submit"]').should('not.be.disabled');
+  });
+
+  it('exposes a name filter on the BGPRouting list view', () => {
+    cy.visit('/k8s/cluster/networking.openshift.io~v1beta1~BGPCloudConfiguration');
+    cy.contains('h1', 'BGP', { timeout: MINUTE }).should('be.visible');
+
+    cy.visit('/k8s/cluster/networking.openshift.io~v1beta1~BGPRouting');
+    cy.get('body', { timeout: MINUTE })
+      .should(($body) => {
+        expect(
+          $body.find('[data-test-id="item-filter"]').length ||
+            $body.find(':contains("No BGPRouting found")').length,
+        ).to.be.greaterThan(0);
+      })
+      .then(($body) => {
+        if ($body.find('[data-test-id="item-filter"]').length) {
+          cy.get('[data-test-id="item-filter"]').should('be.visible');
+        } else cy.contains('No BGPRouting found').should('be.visible');
+      });
+  });
+});

integration-tests/tests/list-pages.cy.ts

@@ -32,6 +32,16 @@ const LIST_PAGES = [
     name: 'UserDefinedNetworks',
     url: '/k8s/ns/default/k8s.ovn.org~v1~UserDefinedNetwork',
   },
+  {
+    h1: 'BGP',
+    name: 'BGPCloudConfigurations',
+    url: '/k8s/cluster/networking.openshift.io~v1beta1~BGPCloudConfiguration',
+  },
+  {
+    h1: 'BGP',
+    name: 'BGPRoutings',
+    url: '/k8s/cluster/networking.openshift.io~v1beta1~BGPRouting',
+  },
 ];
 
 describe('List page smoke tests', { testIsolation: false }, () => {