Changes for populating ReactJS component library
[clamp.git] / ui-react / src / LoopUI.test.js
1 /*-
2  * ============LICENSE_START=======================================================
3  * ONAP CLAMP
4  * ================================================================================
5  * Copyright (C) 2019 AT&T Intellectual Property. All rights
6  *                             reserved.
7  * ================================================================================
8  * Licensed under the Apache License, Version 2.0 (the "License");
9  * you may not use this file except in compliance with the License.
10  * You may obtain a copy of the License at
11  *
12  * http://www.apache.org/licenses/LICENSE-2.0
13  *
14  * Unless required by applicable law or agreed to in writing, software
15  * distributed under the License is distributed on an "AS IS" BASIS,
16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17  * See the License for the specific language governing permissions and
18  * limitations under the License.
19  * ============LICENSE_END============================================
20  * ===================================================================
21  *
22  */
23 import React from 'react';
24 import { shallow } from 'enzyme';
25 import LoopUI from './LoopUI';
26 import OnapConstants from './utils/OnapConstants';
27
28 import LoopCache from './api/LoopCache';
29 import LoopActionService from './api/LoopActionService';
30 import LoopService from './api/LoopService';
31
32 describe('Verify LoopUI', () => {
33         beforeEach(() => {
34                 fetch.resetMocks();
35                 fetch.mockImplementation(() => {
36                         return Promise.resolve({
37                                 ok: true,
38                                 status: 200,
39                                 text: () => "testUser"
40
41                         });
42                 });
43         })
44
45         const loopCache = new LoopCache({
46                 "name": "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
47                 "components": {
48                         "POLICY": {
49                                 "componentState": {
50                                         "stateName": "UNKNOWN",
51                                         "description": "The policies defined have NOT yet been created on the policy engine"
52                                 }
53                         },
54                         "DCAE": {
55                                 "componentState": {
56                                         "stateName": "BLUEPRINT_DEPLOYED",
57                                         "description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
58                                 }
59                         }
60                 }
61         });
62
63         it('Test the render method', async () => {
64                 const flushPromises = () => new Promise(setImmediate);
65
66                 const component = shallow(<LoopUI />)
67                 component.setState({
68                         loopName: "testLoopName",
69                         showAlert: false 
70                 });
71                 await flushPromises();
72                 expect(component).toMatchSnapshot();
73         });
74
75         test('Test closeLoop method', () => {
76                 const historyMock = { push: jest.fn() };
77                 const component = shallow(<LoopUI history={historyMock}/>)
78                 const instance = component.instance();
79                 instance.closeLoop();
80                         
81                 expect(component.state('loopName')).toEqual(OnapConstants.defaultLoopName);
82                 expect(historyMock.push.mock.calls[0]).toEqual([ '/']);
83         })
84
85         test('Test logout method', async () => {
86                 const flushPromises = () => new Promise(setImmediate);
87                 const component = shallow(<LoopUI />)
88                 const instance = component.instance();
89                 instance.logout();
90                 await flushPromises();
91                 expect(component.state('userName')).toEqual("testUser");
92         })
93
94         test('Test loadLoop method refresh suc', async () => {
95                 const historyMock = { push: jest.fn() };
96                 LoopService.getLoop = jest.fn().mockImplementation(() => {
97                         return Promise.resolve({
98                                 ok: true,
99                                 status: 200,
100                                 text: () => {}
101                         });
102                 });
103
104                 LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
105                         return Promise.resolve({name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca"});
106                 });
107
108                 const flushPromises = () => new Promise(setImmediate);
109                 const component = shallow(<LoopUI history={historyMock}/>)
110                 const instance = component.instance();
111                 instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
112
113                 await flushPromises();
114
115                 const resLoopCache = instance.getLoopCache();
116                         
117                 expect(resLoopCache.getComponentStates()).toBeUndefined();
118                 expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
119         })
120
121         test('Test loadLoop method refresh fail', async () => {
122                 const historyMock = { push: jest.fn() };
123                 LoopService.getLoop = jest.fn().mockImplementation(() => {
124                         return Promise.resolve({
125                         name: "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
126                         "components": {
127                                 "POLICY": {
128                                         "componentState": {
129                                                 "stateName": "UNKNOWN",
130                                                 "description": "The policies defined have NOT yet been created on the policy engine"
131                                         }
132                                 },
133                                 "DCAE": {
134                                         "componentState": {
135                                                 "stateName": "BLUEPRINT_DEPLOYED",
136                                                 "description": "The DCAE blueprint has been found in the DCAE inventory but not yet instancianted for this loop"
137                                         }
138                                 }
139                         }});
140                 });
141
142                 LoopActionService.refreshStatus = jest.fn().mockImplementation(() => {
143                         return Promise.reject({error: "whatever"});
144                 });
145
146                 const flushPromises = () => new Promise(setImmediate);
147                 const component = shallow(<LoopUI history={historyMock}/>)
148                 const instance = component.instance();
149                 instance.loadLoop("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
150
151                 await flushPromises();
152
153                 const resLoopCache = instance.getLoopCache();
154                         
155                 expect(resLoopCache).toEqual(loopCache);
156                 expect(component.state('loopName')).toEqual("LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca");
157         })
158
159         test('Test alert methods', () => {
160                 const component = shallow(<LoopUI />)
161                 expect(component.state('showAlert')).toEqual(false);
162
163                 const instance = component.instance();
164                 instance.showAlert("testAlert");
165                 expect(component.state('showAlert')).toEqual(true);
166                 expect(component.state('showMessage')).toEqual("testAlert");
167
168                 instance.disableAlert();
169                         
170                 expect(component.state('showAlert')).toEqual(false);
171         })
172 });