Align ui-react file in policy-clamp and policy-gui

When the ui-react code was transferred to policy-gui, the white space
was cleaned up and reformatted. This makes it difficult to track the
real functional changes if any between ui-react in policy-clamp and
policy-gui.

This review brings the white space changes into ui-react in policy-clamp
to make file comparisons easier.

Issue-ID: POLICY-3358
Change-Id: Ic303e71b341e5c0f7ca0de0ed4c4962ebf2f988a
Signed-off-by: liamfallon <liam.fallon@est.tech>

1 files changed, 140 insertions, 138 deletions

diff --git a/runtime/ui-react/src/LoopUI.test.js b/runtime/ui-react/src/LoopUI.test.js
index bfd6376e3..47ade444f 100644
--- a/runtime/ui-react/src/LoopUI.test.js
+++ b/runtime/ui-react/src/LoopUI.test.js
@@ -30,142 +30,144 @@ import LoopActionService from './api/LoopActionService';
 import LoopService from './api/LoopService';
 
 describe('Verify LoopUI', () => {
-	beforeEach(() => {
-		fetch.resetMocks();
-		fetch.mockImplementation(() => {
-			return Promise.resolve({
-				ok: true,
-				status: 200,
-				text: () => "testUser"
-
-			});
-		});
-	})
-
-	const loopCache = new LoopCache({
-		"name": "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
-		"components": {
-			"POLICY": {
-				"componentState": {
-					"stateName": "UNKNOWN",
-					"description": "The policies defined have NOT yet been created on the policy engine"
-				}
-			},
-			"DCAE": {
-				"componentState": {
-					"stateName": "BLUEPRINT_DEPLOYED",
-					"description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
-				}
-			}
-		}
-	});
-
-	it('Test the render method', async () => {
-		const flushPromises = () => new Promise(setImmediate);
-
-		const component = shallow(<LoopUI />)
-		component.setState({
-			loopName: "testLoopName",
-			showSucAlert: false,
-			showFailAlert: false 
-		});
-		await flushPromises();
-		expect(component).toMatchSnapshot();
-	});
-
-	test('Test closeLoop method', () => {
-		const historyMock = { push: jest.fn() };
-		const component = shallow(<LoopUI history={historyMock}/>)
-		const instance = component.instance();
-		instance.closeLoop();
-			
-		expect(component.state('loopName')).toEqual(OnapConstants.defaultLoopName);
-		expect(historyMock.push.mock.calls[0]).toEqual([ '/']);
-	})
-
-	test('Test loadLoop method refresh suc', async () => {
-		const historyMock = { push: jest.fn() };
-		LoopService.getLoop = jest.fn().mockImplementation(() => {
-			return Promise.resolve({
-				ok: true,
-				status: 200,
-				text: () => {}
-			});
-		});
-
-		LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
-			return Promise.resolve({name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca"});
-		});
-
-		const flushPromises = () => new Promise(setImmediate);
-		const component = shallow(<LoopUI history={historyMock}/>)
-		const instance = component.instance();
-		instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
-
-		await flushPromises();
-
-		const resLoopCache = instance.getLoopCache();
-			
-		expect(resLoopCache.getComponentStates()).toBeUndefined();
-		expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
-	})
-
-	test('Test loadLoop method refresh fail', async () => {
-		const historyMock = { push: jest.fn() };
-		LoopService.getLoop = jest.fn().mockImplementation(() => {
-			return Promise.resolve({
-			name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
-			"components": {
-				"POLICY": {
-					"componentState": {
-						"stateName": "UNKNOWN",
-						"description": "The policies defined have NOT yet been created on the policy engine"
-					}
-				},
-				"DCAE": {
-					"componentState": {
-						"stateName": "BLUEPRINT_DEPLOYED",
-						"description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
-					}
-				}
-			}});
-		});
-
-		LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
-			return Promise.reject({error: "whatever"});
-		});
-
-		const flushPromises = () => new Promise(setImmediate);
-		const component = shallow(<LoopUI history={historyMock}/>)
-		const instance = component.instance();
-		instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
-
-		await flushPromises();
-
-		const resLoopCache = instance.getLoopCache();
-			
-		expect(resLoopCache).toEqual(loopCache);
-		expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
-	})
-
-	test('Test alert methods', () => {
-		const component = shallow(<LoopUI />)
-		expect(component.state('showSucAlert')).toEqual(false);
-
-		const instance = component.instance();
-		instance.showSucAlert("testAlert");
-		expect(component.state('showSucAlert')).toEqual(true);
-		expect(component.state('showFailAlert')).toEqual(false);
-		expect(component.state('showMessage')).toEqual("testAlert");
-
-		instance.disableAlert();
-			
-		expect(component.state('showSucAlert')).toEqual(false);
-		expect(component.state('showFailAlert')).toEqual(false);
-
-		instance.showFailAlert("testAlert2");
-		expect(component.state('showSucAlert')).toEqual(false);
-		expect(component.state('showFailAlert')).toEqual(true);
-		expect(component.state('showMessage')).toEqual("testAlert2");
-	})
+  beforeEach(() => {
+    fetch.resetMocks();
+    fetch.mockImplementation(() => {
+      return Promise.resolve({
+        ok: true,
+        status: 200,
+        text: () => "testUser"
+
+      });
+    });
+  })
+
+  const loopCache = new LoopCache({
+    "name": "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
+    "components": {
+      "POLICY": {
+        "componentState": {
+          "stateName": "UNKNOWN",
+          "description": "The policies defined have NOT yet been created on the policy engine"
+        }
+      },
+      "DCAE": {
+        "componentState": {
+          "stateName": "BLUEPRINT_DEPLOYED",
+          "description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
+        }
+      }
+    }
+  });
+
+  it('Test the render method', async () => {
+    const flushPromises = () => new Promise(setImmediate);
+
+    const component = shallow(<LoopUI/>)
+    component.setState({
+      loopName: "testLoopName",
+      showSucAlert: false,
+      showFailAlert: false
+    });
+    await flushPromises();
+    expect(component).toMatchSnapshot();
+  });
+
+  test('Test closeLoop method', () => {
+    const historyMock = { push: jest.fn() };
+    const component = shallow(<LoopUI history={ historyMock }/>)
+    const instance = component.instance();
+    instance.closeLoop();
+
+    expect(component.state('loopName')).toEqual(OnapConstants.defaultLoopName);
+    expect(historyMock.push.mock.calls[0]).toEqual(['/']);
+  })
+
+  test('Test loadLoop method refresh suc', async () => {
+    const historyMock = { push: jest.fn() };
+    LoopService.getLoop = jest.fn().mockImplementation(() => {
+      return Promise.resolve({
+        ok: true,
+        status: 200,
+        text: () => {
+        }
+      });
+    });
+
+    LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
+      return Promise.resolve({ name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca" });
+    });
+
+    const flushPromises = () => new Promise(setImmediate);
+    const component = shallow(<LoopUI history={ historyMock }/>)
+    const instance = component.instance();
+    instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
+
+    await flushPromises();
+
+    const resLoopCache = instance.getLoopCache();
+
+    expect(resLoopCache.getComponentStates()).toBeUndefined();
+    expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
+  })
+
+  test('Test loadLoop method refresh fail', async () => {
+    const historyMock = { push: jest.fn() };
+    LoopService.getLoop = jest.fn().mockImplementation(() => {
+      return Promise.resolve({
+        name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
+        "components": {
+          "POLICY": {
+            "componentState": {
+              "stateName": "UNKNOWN",
+              "description": "The policies defined have NOT yet been created on the policy engine"
+            }
+          },
+          "DCAE": {
+            "componentState": {
+              "stateName": "BLUEPRINT_DEPLOYED",
+              "description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
+            }
+          }
+        }
+      });
+    });
+
+    LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
+      return Promise.reject({ error: "whatever" });
+    });
+
+    const flushPromises = () => new Promise(setImmediate);
+    const component = shallow(<LoopUI history={ historyMock }/>)
+    const instance = component.instance();
+    instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
+
+    await flushPromises();
+
+    const resLoopCache = instance.getLoopCache();
+
+    expect(resLoopCache).toEqual(loopCache);
+    expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
+  })
+
+  test('Test alert methods', () => {
+    const component = shallow(<LoopUI/>)
+    expect(component.state('showSucAlert')).toEqual(false);
+
+    const instance = component.instance();
+    instance.showSucAlert("testAlert");
+    expect(component.state('showSucAlert')).toEqual(true);
+    expect(component.state('showFailAlert')).toEqual(false);
+    expect(component.state('showMessage')).toEqual("testAlert");
+
+    instance.disableAlert();
+
+    expect(component.state('showSucAlert')).toEqual(false);
+    expect(component.state('showFailAlert')).toEqual(false);
+
+    instance.showFailAlert("testAlert2");
+    expect(component.state('showSucAlert')).toEqual(false);
+    expect(component.state('showFailAlert')).toEqual(true);
+    expect(component.state('showMessage')).toEqual("testAlert2");
+  })
 });