created unit tests for NavBar

Author: wiltonlee948

www/__tests__/NavBar.test.tsx

@@ -0,0 +1,19 @@
+import {screen, render, fireEvent} from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import NavBar from '../src/pages/components/NavBar';
+
+describe('Navbar Component Test ', () => {
+  beforeEach(() => {
+    render(<NavBar />)
+  });
+
+  it ('navbar should have two buttons(anchor tags)', () => {
+    const buttons = screen.getAllByRole('link');
+    expect(buttons).toHaveLength(2)
+  });
+
+  it ('clicking a post link navigates to the correct URL', () => {
+    expect(screen.getAllByRole('link')[0]).toHaveAttribute('href', 'http://github.com/open-source-labs/reactime');
+    expect(screen.getAllByRole('link')[1]).toHaveAttribute('href', 'https://chrome.google.com/webstore/detail/reactime/cgibknllccemdnfhfpmjhffpjfeidjga?hl=en-US');
+  })
+})

www/__tests__/TeamSection.test.tsx

@@ -0,0 +1,11 @@
+import {screen, render} from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { 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)
+});

www/src/pages/components/TeamSection.tsx

@@ -112,7 +112,7 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
     profile: string | undefined,
     name: string | undefined,
   }
-  function Profile({profile, name}: profileType) {
+  export function Profile({profile, name}: profileType) {
     const [imageError, setImageError] = useState(false);
     return (
       <div className="space-y-4">
@@ -123,6 +123,7 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
               className="mx-auto h-20 w-20 rounded-full lg:h-24 lg:w-24"
               onError={(e) => setImageError(true)}
               alt="missing-profile-image"
+              data-testid="image"
           />
         <div className="space-y-2">
           <div className="text-xs font-medium lg:text-sm">