antoncoding/monarch

/**
 * @jest-environment jsdom
 */
import { render, screen, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import OnchainProviders from '@/OnchainProviders';
import NavbarMobile from './NavbarMobile';

describe('NavbarMobile', () => {
  it('mounts', () => {
    render(
      <OnchainProviders>
        <NavbarMobile />
      </OnchainProviders>,
    );
    expect(screen.getByText('BUILD ONCHAIN APPS')).toBeInTheDocument();
  });

  it('clicking the hamburger icon opens the navbar menu', async () => {
    render(
      <OnchainProviders>
        <NavbarMobile />
      </OnchainProviders>,
    );
    await userEvent.click(screen.getByRole('button'));

    await waitFor(() => {
      expect(screen.getByText('Get Started')).toBeInTheDocument();
    });
  });
});