// @flow
import { render, screen, act } from '@testing-library/react';
import React from 'react';
import '@testing-library/jest-dom';

import Header from './Header';

describe('Header Component', () => {
  it('should render the 5 tabs', async () => {
    await act(async () => {
      render(
        <Header
          me={null}
        />,
      );
      expect(screen.getByText('My Home')).toBeInTheDocument();
      expect(screen.getByText('Events')).toBeInTheDocument();
      expect(screen.getByText('Courses')).toBeInTheDocument();
      expect(screen.getByText('Q&A')).toBeInTheDocument();
      expect(screen.getByText('Articles')).toBeInTheDocument();
    });
  });
});