Add react ui tests
[clamp.git] / ui-react / src / components / dialogs / OperationalPolicy / OperationalPolicyModal.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 { mount } from 'enzyme';
25 import OperationalPolicyModal from './OperationalPolicyModal';
26 import LoopCache from '../../../api/LoopCache';
27
28 describe('Verify OperationalPolicyModal', () => {
29     beforeEach(() => {
30         fetch.resetMocks();
31                 fetch.mockImplementation(() => {
32                         return Promise.resolve({
33                                 ok: true,
34                                 status: 200,
35                                 text: () => "OK"
36                         });
37                 });
38     })
39     const loopCache = new LoopCache({
40             "name": "LOOP_Jbv1z_v1_0_ResourceInstanceName1_tca",
41             "operationalPolicies": [{
42                 "name": "OPERATIONAL_h2NMX_v1_0_ResourceInstanceName1_tca",
43                 "configurationsJson": {
44                     "guard_policies": {},
45                     "operational_policy": {
46                         "controlLoop": {},
47                         "policies": []
48                     }
49                 }
50              }],
51             "operationalPolicySchema": {"schema": {}}
52     });
53     const historyMock = { push: jest.fn() };
54     const flushPromises = () => new Promise(setImmediate);
55         
56     it('Test handleClose', () => {
57       const handleClose = jest.spyOn(OperationalPolicyModal.prototype,'handleClose');
58       const component = mount(<OperationalPolicyModal history={historyMock} loopCache={loopCache}/>)
59
60       component.find('[variant="secondary"]').prop('onClick')();
61
62       expect(handleClose).toHaveBeenCalledTimes(1);
63       expect(component.state('show')).toEqual(false);
64       expect(historyMock.push.mock.calls[0]).toEqual([ '/', ]);
65     });
66
67     it('Test handleSave', async () => {
68         const loadLoopFunction = jest.fn();
69         const handleSave = jest.spyOn(OperationalPolicyModal.prototype,'handleSave');
70         const component = mount(<OperationalPolicyModal history={historyMock} loopCache={loopCache} loadLoopFunction={loadLoopFunction} />)
71
72         component.find('[variant="primary"]').prop('onClick')();
73         await flushPromises();
74         component.update();
75
76         expect(handleSave).toHaveBeenCalledTimes(1);
77         expect(component.state('show')).toEqual(false);
78         expect(historyMock.push.mock.calls[0]).toEqual([ '/', ]);
79     });
80 });