Add e2e test for job clone bug

cypress/e2e/po/pages/explorer/workloads-jobs.po.ts

@@ -17,16 +17,17 @@ export class WorkloadsJobsListPagePo extends PagePo {
     super(WorkloadsJobsListPagePo.createPath(clusterId));
   }
 
-  listCreate() {
-    const baseResourceList = new BaseResourceList(this.self());
+  list() {
+    return new BaseResourceList(this.self());
+  }
 
-    return baseResourceList.masthead().actions().eq(0).click();
+  listCreate() {
+    return this.list().masthead().actions().eq(0)
+      .click();
   }
 
   listElementWithName(name:string) {
-    const baseResourceList = new BaseResourceList(this.self());
-
-    return baseResourceList.resourceTable().sortableTable().rowElementWithName(name);
+    return this.list().resourceTable().sortableTable().rowElementWithName(name);
   }
 }
 
@@ -77,4 +78,8 @@ export class WorkLoadsJobDetailsPagePo extends PagePo {
   saveCreateForm(): AsyncButtonPo {
     return new AsyncButtonPo('[data-testid="form-save"]', this.self());
   }
+
+  errorBanner() {
+    return cy.get('#cru-errors');
+  }
 }

cypress/e2e/tests/pages/explorer/workloads/jobs.spec.ts

@@ -7,11 +7,16 @@ describe('Cluster Explorer', { tags: ['@explorer', '@adminUser'] }, () => {
 
   describe('Workloads', () => {
     describe('Jobs', () => {
-      it('Creating a job while creating a new namespace should succeed', () => {
-        const namespaceName = 'custom-namespace';
-        const jobName = 'my-job-custom-name';
-        const containerImageName = 'nginx';
+      const namespaceName = 'custom-namespace';
+      const jobName = 'my-job-custom-name';
+      const containerImageName = 'nginx';
+
+      after(() => {
+        // Delete the namespace created after the tests run
+        cy.deleteRancherResource('v1', 'namespace', namespaceName);
+      });
 
+      it('Creating a job while creating a new namespace should succeed', () => {
         // list view jobs
         const workloadsJobsListPage = new WorkloadsJobsListPagePo('local');
 
@@ -29,10 +34,44 @@ describe('Cluster Explorer', { tags: ['@explorer', '@adminUser'] }, () => {
 
         workloadsJobsListPage.listElementWithName(jobName).should('exist');
 
-        // navigate to namespace and check existance of namespace
+        // navigate to namespace and check existence of namespace
         cy.visit('/c/local/explorer/projectsnamespaces');
         workloadsJobsListPage.listElementWithName(namespaceName).should('exist');
       });
+
+      it('Should be able to clone a job', () => {
+        const jobName2 = `${ jobName }-2`;
+        const jobNameClone = `${ jobName }-3`;
+
+        // list view jobs
+        const workloadsJobsListPage = new WorkloadsJobsListPagePo('local');
+
+        workloadsJobsListPage.goTo();
+        workloadsJobsListPage.listCreate();
+
+        // create view jobs
+        const workloadsJobDetailsPage = new WorkLoadsJobDetailsPagePo('local');
+
+        workloadsJobDetailsPage.selectNamespaceOption(1);
+        workloadsJobDetailsPage.namespace().set(namespaceName);
+        workloadsJobDetailsPage.name().set(jobName2);
+        workloadsJobDetailsPage.containerImage().set(containerImageName);
+        workloadsJobDetailsPage.saveCreateForm().click();
+
+        workloadsJobsListPage.listElementWithName(jobName2).should('exist');
+
+        // Clone the job
+        workloadsJobsListPage.list().actionMenu(jobName2).getMenuItem('Clone').click();
+
+        const cloneJobDetailsPage = new WorkLoadsJobDetailsPagePo(jobName2, {}, 'local', namespaceName);
+
+        cloneJobDetailsPage.waitForPage();
+        cloneJobDetailsPage.name().set(jobNameClone);
+        cloneJobDetailsPage.saveCreateForm().click();
+        cloneJobDetailsPage.errorBanner().should('not.exist');
+
+        workloadsJobsListPage.listElementWithName(jobNameClone).should('exist');
+      });
     });
   });
 });