Create modal for the logout button (1 point)

1 point Create a modal for log out button in nav bar. refactored tests for modal component.

src/components/__tests__/ModalTest.spec.ts

@@ -10,13 +10,7 @@ describe('ModalComponent', () => {
             props: {
                 title: 'Test Title',
                 message: 'Test Message',
-                button1: 'Test button',
-                isModalOpen: true,
-                showButton: true,
-                showInput: false,
-                typeValue: 'text',
-                inputPlaceholder: 'Placeholder',
-                isInputValid: true
+                isModalOpen: true
             }
         })
     })
@@ -24,4 +18,20 @@ describe('ModalComponent', () => {
     it('opens modal when button is clicked', async () => {
         expect(wrapper.props().isModalOpen).toBe(true)
     })
+
+    it('title should be: Test Title', () => {
+        expect(wrapper.find('.title').text()).toBe('Test Title')
+    })
+
+    it('title should not be: Wrong Title', () => {
+        expect(wrapper.find('.title').text()).not.toBe('Wrong Title')
+    })
+
+    it('message should be: Test Message', () => {
+        expect(wrapper.find('.message').text()).toBe('Test Message')
+    })
+
+    it('message should not be: Wrong Message', () => {
+        expect(wrapper.find('.message').text()).not.toBe('Wrong Message')
+    })
 })