fix tests

src/components/ActiveProduct/ActiveProduct.test.jsx

@@ -17,6 +17,8 @@ test('renders selected product card', () => {
     </Provider>
   );
 
-  const cardElement = screen.getByText(/See all the things/i);
+  const cardElement = screen.getByText(/TV/i);
+  const relatedElement = screen.getByText(/Related Items/i);
   expect(cardElement).toBeInTheDocument();
+  expect(relatedElement).toBeInTheDocument();
 });

src/components/Cart/cart.test.jsx

@@ -3,13 +3,13 @@ import Cart from '.';
 
 import { Provider } from 'react-redux';
 import store from '../../redux/store';
-test('renders Header links', () => {
+test('renders cart', () => {
   render(
     <Provider store={store}>
       <Cart />
     </Provider>
   );
 
-  const cartElement = screen.getByText(/Cart/i);
+  const cartElement = screen.getByTestId('CART');
   expect(cartElement).toBeInTheDocument();
 });

src/components/Cart/index.jsx

@@ -11,6 +11,7 @@ export default function Cart() {
 
   return (
     <Box
+    data-testid='CART'
       position='fixed'
       color='primary'
       sx={{

src/components/Products/Products.test.jsx

@@ -6,7 +6,7 @@ import { Provider } from 'react-redux';
 test('renders product card', () => {
   render(
     <Provider store={store}>
-      <Products chosenCategory={0} />
+      <Products />
     </Provider>
   );