From 1994c98063c27a41797dec01f2ca9fcbe33ceab0 Mon Sep 17 00:00:00 2001
From: Israel Lavi <israel.lavi@intl.att.com>
Date: Mon, 21 May 2018 17:42:00 +0300
Subject: init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
---
 test/react/Modal.spec.js | 68 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)
 create mode 100644 test/react/Modal.spec.js

(limited to 'test/react/Modal.spec.js')

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();
+	});
+
+});
-- 
cgit 1.2.3-korg