ui-react/src/components/dialogs/Loop/OpenLoopModal.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 OpenLoopModal from './OpenLoopModal';
  26 import LoopService from '../../../api/LoopService';
  27
  28 describe('Verify OpenLoopModal', () => {
  29
  30   beforeEach(() => {
  31       fetch.resetMocks();
  32       fetch.mockResponse(JSON.stringify([
  33         "LOOP_gmtAS_v1_0_ResourceInstanceName1_tca",
  34         "LOOP_gmtAS_v1_0_ResourceInstanceName1_tca_3",
  35         "LOOP_gmtAS_v1_0_ResourceInstanceName2_tca_2"
  36       ]));
  37   });
  38
  39     it('Test the render method', () => {
  40
  41     const component = shallow(<OpenLoopModal/>);
  42     expect(component).toMatchSnapshot();
  43   });
  44
  45   it('Onchange event', async () => {
  46     const flushPromises = () => new Promise(setImmediate);
  47     LoopService.getLoop = jest.fn().mockImplementation(() => {
  48                 return Promise.resolve({
  49                         ok: true,
  50                         status: 200,
  51                         json: () => {}
  52                 });
  53         });
  54     const event = {value: 'LOOP_gmtAS_v1_0_ResourceInstanceName1_tca_3'};
  55     const component = shallow(<OpenLoopModal/>);
  56     component.find('StateManager').simulate('change', event);
  57     await flushPromises();
  58     component.update();
  59     expect(component.state('chosenLoopName')).toEqual("LOOP_gmtAS_v1_0_ResourceInstanceName1_tca_3");
  60   });
  61
  62
  63   it('Test handleClose', () => {
  64     const historyMock = { push: jest.fn() };
  65     const handleClose = jest.spyOn(OpenLoopModal.prototype,'handleClose');
  66     const component = shallow(<OpenLoopModal history={historyMock} />)
  67
  68     component.find('[variant="secondary"]').prop('onClick')();
  69
  70     expect(handleClose).toHaveBeenCalledTimes(1);
  71     expect(component.state('show')).toEqual(false);
  72     expect(historyMock.push.mock.calls[0]).toEqual([ '/']);
  73
  74     handleClose.mockClear();
  75   });
  76
  77     it('Test handleSubmit', () => {
  78     const historyMock = { push: jest.fn() };
  79     const loadLoopFunction = jest.fn();
  80     const handleOpen = jest.spyOn(OpenLoopModal.prototype,'handleOpen');
  81     const component = shallow(<OpenLoopModal history={historyMock} loadLoopFunction={loadLoopFunction}/>)
  82
  83     component.find('[variant="primary"]').prop('onClick')();
  84
  85     expect(handleOpen).toHaveBeenCalledTimes(1);
  86     expect(component.state('show')).toEqual(false);
  87     expect(historyMock.push.mock.calls[0]).toEqual([ '/']);
  88
  89     handleOpen.mockClear();
  90   });
  91
  92 });