Merge pull request #56 from oslabs-beta/finalbranchkelvin

updated component test suites to pass given updates to FrontEndTypes file

Author: kelvinmirhan

src/app/__tests__/ButtonContainer.test.tsx

@@ -114,7 +114,7 @@ const customInitialState = {
   main: {
     port: null,
     currentTab: 87, // Update with your desired value
-    currentTitle: 'No Target',
+    currentTitle: 'test string',
     tabs: customTabs, // Replace with the actual (testing) tab data
     currentTabInApp: 'test string',
     connectionStatus: false,

src/app/__tests__/TravelContainer.test.tsx

@@ -110,7 +110,7 @@ const customInitialState = {
     main: {
       port: null,
       currentTab: 87, // Update with your desired value
-      currentTitle: null,
+      currentTitle: 'test string',
       tabs: customTabs, // Replace with the actual (testing) tab data
       currentTabInApp: null,
       connectionStatus: false,

src/app/__tests__/WebMetrics.test.tsx

@@ -113,38 +113,38 @@ const customInitialState = {
   main: {
     port: null,
     currentTab: 87, // Update with your desired value
-    currentTitle: null,
+    currentTitle: 'test string',
     tabs: customTabs, // Replace with the actual (testing) tab data
     currentTabInApp: null,
     connectionStatus: false,
     connectRequested: true,
   },
 };
 
+const props = {
+  score: [5]
+};
+
 const customStore = configureStore({
-reducer: {
-main: mainSlice.reducer,
+  reducer: {
+    main: mainSlice.reducer,
 },
-preloadedState: customInitialState, // Provide custom initial state
-middleware: (getDefaultMiddleware) =>
-getDefaultMiddleware({ serializableCheck: false }),
+  preloadedState: customInitialState, // Provide custom initial state
+  middleware: (getDefaultMiddleware) =>
+  getDefaultMiddleware({ serializableCheck: false }),
 });
 
 const render = component => rtlRender(
-<Provider store={customStore}>
-{component}
-</Provider>
+  <Provider store={customStore}>
+      {component}
+  </Provider>
 );
+
 jest.mock('react-apexcharts', () => ({ __esModule: true, default: () => <div /> }));
-// const dispatch = jest.fn();
-// jest.spyOn(React, 'useEffect').mockImplementation(() => jest.fn());
-// jest.mock('../store');
-// const mockedStoreContext = jest.mocked(useStoreContext);
-// mockedStoreContext.mockImplementation(() => [, dummyDispatch]);
 
 describe('WebMetrics graph testing', () => {
   test('should have 1 div with class name "metric" ', () => {
-    const { container } = render(<WebMetrics />);
+    const { container } = render(<WebMetrics {...props}/>);
     expect(container.getElementsByClassName('metric').length).toBe(1);
   });
 });