added unit tests to TeamSection component

Author: wiltonlee948

www/__tests__/LandingPage.test.tsx

@@ -0,0 +1,39 @@
+import {screen, render, fireEvent} from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import LandingPage from '../src/pages/components/LandingPage';
+import Blogs from '../src/pages/components/Blogs';
+import People from '../src/pages/components/TeamSection';
+import FeaturesSection from '../src/pages/components/FeaturesSection';
+import {trpc} from '../src/utils/trpc';
+// Work in progress. Trying to mock the trpc object
+
+
+jest.mock("../src/utils/trpc", () => {
+  const mockCreateUser = jest.fn();
+  const mockFindAll = jest.fn();
+
+  const mockUserRouter = {
+    createUser: mockCreateUser,
+    findAll: mockFindAll
+  };
+
+  const mockAppRouter = {
+    user: mockUserRouter
+  };
+  return {
+    appRouter: mockAppRouter
+  };
+});
+
+describe('Navbar Component Test ', () => {
+  beforeEach(() => {
+    render(<LandingPage />)
+  });
+
+  it ('check that the button is rendered on the page', () => {
+    const button = screen.getByRole('button');
+    console.debug(button)
+    expect(button).toHaveLength(1);
+    expect(screen.getByText("A time travel debugger for modern react apps")).toBeInTheDocument();
+  });
+});

www/__tests__/TeamSection.test.tsx

@@ -1,11 +1,18 @@
 import {screen, render} from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-import { Profile } from '../src/pages/components/TeamSection';
+import People, { Profile } from '../src/pages/components/TeamSection';
 
 // http://localhost/_next/image?url=https%3A%2F%2Fgithub.com%2Fwiltonlee948.png&w=256&q=75
 
-test('sets src to /profileFallback.png if src causes an error', async () => {
-  render(<Profile key='' profile='qcvber' name='' />);
-  const src = screen.getByTestId('image').getAttribute('src');
-  console.debug(src)
+it('test to see if all the contributor images show up', async () => {
+  render(<People />);
+  const image = screen.getAllByTestId('image');
+  expect(image.length).toBe(72);
+});
+
+
+test('the value from the profile attribute should be in the src', async () => {
+  render(<Profile key='' profile='react' name='' />);
+  const src = await screen.getByTestId('image').getAttribute('src');
+  expect(src).toContain('react');
 });