import React from 'react'
import { render, fireEvent, waitFor } from '@testing-library/react'
import * as fetch from '@/scripts/net'
import DarkModeButton from '@/components/DarkModeButton'

jest.mock('@/scripts/net')

test('click to toggle', async () => {
  const { getByRole } = render(<DarkModeButton initMode={false} />)
  const button = getByRole('button')

  fireEvent.click(button)
  await waitFor(() => expect(fetch.put).toBeCalledWith('/user/dark-mode'))
})

test('default is dark', async () => {
  const { getByRole } = render(<DarkModeButton initMode={true} />)
  const button = getByRole('button')

  fireEvent.click(button)
  await waitFor(() => expect(fetch.put).toBeCalledWith('/user/dark-mode'))
})