aboutsummaryrefslogtreecommitdiffstats
path: root/test/react/Modal.spec.js
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /test/react/Modal.spec.js
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff)
Merge "init commit onap ui"2.0.0-ONAPbeijing2.0.0-ONAP
Diffstat (limited to 'test/react/Modal.spec.js')
-rw-r--r--test/react/Modal.spec.js68
1 files changed, 68 insertions, 0 deletions
diff --git a/test/react/Modal.spec.js b/test/react/Modal.spec.js
new file mode 100644
index 0000000..7c4738f
--- /dev/null
+++ b/test/react/Modal.spec.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import { mount, ReactWrapper } from 'enzyme';
+
+import Modal from '../../src/react/Modal';
+
+describe('Modal', () => {
+
+ const MODAL_MESSAGE = 'Message';
+ test('standard modal', ()=>{
+ const modal = new ReactWrapper(mount(<Modal show={true} size='small'>
+ <Modal.Header><Modal.Title>Standard Modal</Modal.Title></Modal.Header>
+ <Modal.Body>
+ {MODAL_MESSAGE}
+ </Modal.Body>
+ <Modal.Footer actionButtonText='Yes' actionButtonClick={()=>{}}/>
+ </Modal>).instance().modalRef, true);
+
+ expect(modal.find(Modal.Body).length).toBe(1);
+ expect(modal.find(Modal.Header).length).toBe(1);
+ expect(modal.find(Modal.Title).length).toBe(1);
+ expect(modal.find(Modal.Body).length).toBe(1);
+ expect(modal.find(Modal.Footer).length).toBe(1);
+ expect(modal.find(Modal.Header).props().type).toBe('info');
+ expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
+ expect(modal.html()).toMatchSnapshot();
+ });
+
+ test('standard modal - not displayed', ()=>{
+ const modal = new ReactWrapper(mount(<Modal show={false} size='small'>
+ <Modal.Header><Modal.Title>Standard Modal</Modal.Title></Modal.Header>
+ <Modal.Body>
+ {MODAL_MESSAGE}
+ </Modal.Body>
+ <Modal.Footer actionButtonText='Yes' actionButtonClick={()=>{}}/>
+ </Modal>).instance().modalRef, true);
+ expect(modal.find(Modal.Body).length).toBe(0);
+ expect(modal.html()).toMatchSnapshot();
+ });
+
+ test('alert modal', ()=>{
+ const modal = new ReactWrapper(mount(
+ <Modal show type='alert' size='small'>
+ <Modal.Header type='alert'><Modal.Title>Title</Modal.Title></Modal.Header>
+ <Modal.Body>
+ {MODAL_MESSAGE}
+ </Modal.Body>
+ <Modal.Footer closeButtonText='Ok'/>
+ </Modal>).instance().modalRef, true);
+ expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
+ expect(modal.find('.sdc-modal-type-alert').length).toBe(1);
+ expect(modal.html()).toMatchSnapshot();
+ });
+
+ test('custom modal', ()=>{
+ const modal = new ReactWrapper(mount(
+ <Modal show type='custom'>
+ <Modal.Header type='custom'><Modal.Title>Title</Modal.Title></Modal.Header>
+ <Modal.Body>
+ {MODAL_MESSAGE}
+ </Modal.Body>
+ <Modal.Footer actionButtonText='Ok' actionButtonClick={()=>{}}/>
+ </Modal>).instance().modalRef, true);
+ expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
+ expect(modal.find('.sdc-modal-type-custom').length).toBe(1);
+ expect(modal.html()).toMatchSnapshot();
+ });
+
+});