ElectronicBabylonianLiterature/ebl-frontend

import React, { ReactNode } from 'react'
import { render, screen } from '@testing-library/react'
import { MemoryRouter, Route, RouteComponentProps } from 'react-router-dom'
import SessionContext from 'auth/SessionContext'
import MemorySession from 'auth/Session'

import WordDisplayLogograms from 'dictionary/ui/display/WordDisplayLogograms'
import SignService from 'signs/application/SignService'
import Bluebird from 'bluebird'
import { sign } from 'signs/domain/Sign.test'

jest.mock('signs/application/SignService')
const signService = new (SignService as jest.Mock<jest.Mocked<SignService>>)()

const session = new MemorySession(['read:words'])

let container: HTMLElement

describe('Fetch logograms', () => {
  beforeEach(async () => {
    signService.search.mockReturnValue(Bluebird.resolve([sign]))
    renderWordDisplayLogograms()
    await screen.findByText('some notes')
    expect(signService.search).toBeCalledWith({
      wordId: sign.logograms[0].wordId[0],
    })
  })
  it('correctly displays unicode', async () => {
    await screen.findAllByText(new RegExp(sign.logograms[0].unicode))
    expect(container).toMatchSnapshot()
  })
})

function renderWordDisplayLogograms() {
  container = render(
    <MemoryRouter initialEntries={['/dictionary/id']}>
      <SessionContext.Provider value={session}>
        <Route
          path="/dictionary/:id"
          render={(props: RouteComponentProps<{ id: string }>): ReactNode => (
            <WordDisplayLogograms
              wordId={sign.logograms[0].wordId[0]}
              signService={signService}
            />
          )}
        />
      </SessionContext.Provider>
    </MemoryRouter>
  ).container
}