portfolio/src/components/organisms/Header.test.jsx

import React from 'react'
import { render, cleanup, wait } from '@testing-library/react'
import { useStaticQuery } from 'gatsby'
import Header from './Header'
import data from '../../../jest/__fixtures__/meta.json'

describe('Header', () => {
  beforeEach(() => {
    useStaticQuery.mockImplementation(() => {
      return { ...data }
    })
  })

  afterEach(cleanup)

  it('renders correctly', async () => {
    const { container } = render(<Header />)
    await wait(() => container.firstChild)
    expect(container.firstChild).toBeInTheDocument()
  })

  it('Availability can be hidden', async () => {
    const { container } = render(<Header minimal={true} />)
    await wait(() => container.querySelector('.availability'))
    expect(container.querySelector('.availability')).not.toBeInTheDocument()
  })
})