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