#TRAPWLS-19 test case updated

Author: MohamedRizwan399

package.json

@@ -10,6 +10,7 @@
     "axios": "^1.7.7",
     "cors": "^2.8.5",
     "firebase": "^11.0.1",
+    "jest": "^27.5.1",
     "jwt-decode": "^3.1.2",
     "nodemon": "^3.1.7",
     "react": "^18.2.0",

src/App.test.js

@@ -1,15 +1,28 @@
 import { render, screen } from '@testing-library/react';
-import App from './App';
-import Demo from './Demo';
+import Popup from './popup/Popup';
+import { APP_INITIAL_POPUP_MSG } from './utility/constants';
 
-// test('renders learn react link', () => {
-//   render(<App />);
-//   const linkElement = screen.getByText(/learn react/i);
-//   expect(linkElement).toBeInTheDocument();
-// });
+//clear local storage
+beforeEach(() => {
+    localStorage.clear();
+});
 
-
-// test('demo state test', () => {
-//   render(<Demo />);
-//   expect().toBeInTheDocument();
-// });
+describe('App component', () => {
+    test('renders popup with image, message, and button', () => {
+        const mockSetShowPopup = jest.fn(); //mock function
+    
+        // Render the Popup component
+        render(<Popup setShowPopup={mockSetShowPopup} />);
+    
+        const popupImage = screen.getByRole('img');
+        expect(popupImage).toBeInTheDocument();
+        expect(popupImage).toHaveAttribute('src','favicon1.ico');
+    
+        const message = screen.getByText(APP_INITIAL_POPUP_MSG);
+        expect(message).toBeInTheDocument();
+    
+        //check ok button
+        const button = screen.getByRole('button',{name:/OK/i});
+        expect(button).toBeInTheDocument();
+      });
+})

src/utility/constants.js

@@ -1 +1,3 @@
-export const LOGIN_TOAST_INFO = "Right now not implemented, check GoogleLogin";
+export const APP_NAME = "Javascript CRUD with SampleTasks";
+export const LOGIN_TOAST_INFO = "Right now not implemented, check GoogleLogin";
+export const APP_INITIAL_POPUP_MSG = "Here’s an important message for you!";