Merge pull request #38 from oslabs-beta/Ahnafkhvn/testing

Ahnafkhvn/testing

Author: dentonwong

__tests__/NavBar.test.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import { render, fireEvent, waitFor } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
 import { MemoryRouter } from 'react-router-dom';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import NavBar from '../app/src/components/top/NavBar';
+import navbarDropDown from '../app/src/components/top/navbarDropDown'
 import * as projectFunctions from '../app/src/helperFunctions/projectGetSaveDel';
 import { Provider } from 'react-redux';
 import { configureStore } from '@reduxjs/toolkit';
@@ -23,14 +25,20 @@ jest.mock('../app/src/helperFunctions/projectGetSaveDel', () => ({
   unpublishProject: jest.fn(),
 }));
 
-const originalError = console.error;
-beforeAll(() => {
-  console.error = jest.fn();
-});
+//mock the file saver library
+jest.mock('file-saver', () => ({
+  ...jest.requireActual('file-saver'),
+  saveAs: jest.fn(),
+}));
 
-afterAll(() => {
-  console.error = originalError;
-});
+// const originalError = console.error;
+// beforeAll(() => {
+//   console.error = jest.fn();
+// });
+
+// afterAll(() => {
+//   console.error = originalError;
+// });
 
 // Mocking the render
 const renderNavBar = (store) => {
@@ -156,4 +164,66 @@ describe('NavBar Component', () => {
       fireEvent.click(unpublishButton);
     }
   });
+
+  it('handles export correctly', async () => {
+    const store = configureStore({
+      reducer: rootReducer,
+      preloadedState: {
+        appState: {
+          ...appStateInitialState,
+          isLoggedIn: true,
+          name: 'Mock Project Name',
+        },
+      },
+    });
+
+    console.log('Before rendering NavBar');
+
+    const { getByText } = renderNavBar(store);
+
+    console.log('After rendering NavBar');
+
+    // Find and click the export button
+    const exportButton = getByText('< > Export');
+    fireEvent.click(exportButton);
+
+
+    await waitFor(() => {
+      const exportModal = getByText('Click to download in zip file:');
+      expect(exportModal).toBeInTheDocument();
+    });
+
+
+    const exportComponentsOption = getByText('Export components');
+    fireEvent.click(exportComponentsOption);
+
+  });
+
+
+
+it('handles dropdown menu correctly', () => {
+  const store = configureStore({
+    reducer: rootReducer,
+    preloadedState: {
+      appState: {
+        ...appStateInitialState,
+        isLoggedIn: true,
+        name: 'Mock Project Name',
+      },
+    },
+  });
+
+  const { getByTestId } = renderNavBar(store);
+  const moreVertButton = getByTestId('more-vert-button');
+
+ 
+  expect(moreVertButton).toBeInTheDocument();
+
+
+  fireEvent.click(moreVertButton);
+
+
+});
+
+  
 });

package-lock.json

@@ -188,7 +188,7 @@
     "@mui/styled-engine-sc": "^5.9.3",
     "@mui/x-data-grid": "^5.15.3",
     "@playwright/test": "^1.33.0",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^12.1.2",
     "@types/chai": "^4.3.1",
     "@types/jest": "^28.1.6",