summaryrefslogtreecommitdiffstats
path: root/test/react/Modal.spec.js
diff options
context:
space:
mode:
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();
+ });
+
+});