[Automation] Unable to click continue when specifying a new cloud cre…

…dential as part of creating a new cluster (#10938)

[Automation] Added test to validate that providing cloud credentials enables continue button

cypress/e2e/po/edit/base-cloud-credentials.po.ts

@@ -2,6 +2,7 @@ import PagePo from '@/cypress/e2e/po/pages/page.po';
 import CruResourcePo from '@/cypress/e2e/po/components/cru-resource.po';
 import NameNsDescription from '@/cypress/e2e/po/components/name-ns-description.po';
 import ResourceDetailPo from '@/cypress/e2e/po/edit/resource-detail.po';
+import AsyncButtonPo from '@/cypress/e2e/po/components/async-button.po';
 
 export default class BaseCloudCredentialsPo extends PagePo {
   private static createPath(clusterId: string, id?: string ) {
@@ -29,4 +30,8 @@ export default class BaseCloudCredentialsPo extends PagePo {
   saveCreateForm(): ResourceDetailPo {
     return new ResourceDetailPo(this.self());
   }
+
+  saveButton() {
+    return new AsyncButtonPo('[data-testid="form-save"]', this.self());
+  }
 }

cypress/e2e/tests/pages/manager/cluster-provisioning-amazon-ec2-rke2.spec.ts

@@ -53,11 +53,13 @@ describe('Provision Node driver RKE2 cluster', { testIsolation: 'off', tags: ['@
     createRKE2ClusterPage.waitForPage('type=amazonec2&rkeType=rke2');
 
     // create amazon ec2 cloud credential
+    cloudCredForm.saveButton().expectToBeDisabled();
     cloudCredForm.nameNsDescription().name().set(this.ec2CloudCredentialName);
     cloudCredForm.accessKey().set(Cypress.env('awsAccessKey'));
     cloudCredForm.secretKey().set(Cypress.env('awsSecretKey'), true);
     cloudCredForm.defaultRegion().toggle();
     cloudCredForm.defaultRegion().clickOptionWithLabel('us-west-1');
+    cloudCredForm.saveButton().expectToBeEnabled();
 
     cy.intercept('GET', '/v1/management.cattle.io.users?exclude=metadata.managedFields').as('pageLoad');
     cloudCredForm.saveCreateForm().cruResource().saveAndWaitForRequests('POST', '/v3/cloudcredentials').then((req) => {

cypress/e2e/tests/pages/manager/cluster-provisioning-azure-rke2.spec.ts

@@ -53,12 +53,14 @@ describe('Provision Node driver RKE2 cluster with Azure', { testIsolation: 'off'
     createRKE2ClusterPage.waitForPage('type=azure&rkeType=rke2');
 
     // create Azure cloud credential
+    cloudCredForm.saveButton().expectToBeDisabled();
     cloudCredForm.nameNsDescription().name().set(this.azureCloudCredentialName);
     cloudCredForm.environment().toggle();
     cloudCredForm.environment().clickOptionWithLabel('AzurePublicCloud');
     cloudCredForm.subscriptionId().set(Cypress.env('azureSubscriptionId'));
     cloudCredForm.clientId().set(Cypress.env('azureClientId'), true);
     cloudCredForm.clientSecret().set(Cypress.env('azureClientSecret'), true);
+    cloudCredForm.saveButton().expectToBeEnabled();
     cloudCredForm.saveCreateForm().cruResource().saveAndWaitForRequests('POST', '/v3/cloudcredentials').then((req) => {
       expect(req.response?.statusCode).to.equal(201);
       cloudcredentialId = req.response?.body.id;