Merge pull request #1232 from vmware-tanzu/issue-1102

Fix stepper component to use correct action

changelogs/unreleased/1102-nanaasiedu

-Fix stringify on form group
+Fix stepper component to send correct actions through websocket

web/src/app/modules/shared/components/presentation/stepper/stepper.component.spec.ts

@@ -7,7 +7,7 @@ import {
   NoopAnimationsModule,
 } from '@angular/platform-browser/animations';
 import { WebsocketService } from '../../../services/websocket/websocket.service';
-import { anything, instance, mock, verify } from 'ts-mockito';
+import { anything, deepEqual, instance, mock, verify } from 'ts-mockito';
 
 describe('StepperComponent', () => {
   let component: StepperComponent;
@@ -72,6 +72,14 @@ describe('StepperComponent', () => {
     nextButton.click();
     fixture.detectChanges();
 
-    verify(mockWebsocketService.sendMessage(action, anything())).once();
+    verify(
+      mockWebsocketService.sendMessage(
+        'action.octant.dev/performAction',
+        deepEqual({
+          action,
+          formGroup: anything(),
+        })
+      )
+    ).once();
   });
 });

web/src/app/modules/shared/components/presentation/stepper/stepper.component.ts

@@ -97,10 +97,12 @@ export class StepperComponent implements OnInit {
   }
 
   onFormSubmit() {
-    const form = JSON.stringify(this.formGroup.value);
-    this.websocketService.sendMessage(this.action, form);
+    this.websocketService.sendMessage('action.octant.dev/performAction', {
+      action: this.action,
+      formGroup: this.formGroup.value,
+    });
     if (isDevMode()) {
-      console.log('stepper form: ' + form);
+      console.log('stepper form: ' + this.formGroup.value);
     }
   }