ElectronicBabylonianLiterature/ebl-frontend

import React from 'react'
import { render, screen } from '@testing-library/react'
import { MemoryRouter, withRouter } from 'react-router-dom'
import Promise from 'bluebird'

import SessionContext from 'auth/SessionContext'
import Dictionary from './Dictionary'
import Word from 'dictionary/domain/Word'
import WordService from 'dictionary/application/WordService'
import MemorySession from 'auth/Session'
import { wordFactory } from 'test-support/word-fixtures'
import { stringify } from 'query-string'

jest.mock('dictionary/application/WordService')

const DictionaryWithRouter = withRouter<any, typeof Dictionary>(Dictionary)
const query = {
  word: 'lemma',
  meaning: 'some meaning',
  root: 'lmm',
  vowelClass: 'a/a',
}

let words: Word[]
const wordService = new (WordService as jest.Mock<jest.Mocked<WordService>>)()
let session: MemorySession

beforeEach(() => {
  words = wordFactory.buildList(2)
})

describe('Searching for word', () => {
  beforeEach(() => {
    session = new MemorySession(['read:words'])
    wordService.search.mockReturnValue(Promise.resolve(words))
  })

  it('displays result on successfull query', async () => {
    await renderDictionary(`/dictionary?${stringify(query)}`)
    expect(screen.getByText(words[1].meaning)).toBeInTheDocument()
    expect(screen.getByLabelText('Word')).toHaveValue('lemma')
    expect(screen.getByLabelText('Meaning')).toHaveValue('some meaning')
    expect(screen.getByLabelText('Root')).toHaveValue('lmm')
    expect(screen.getByLabelText('Vowel class')).toHaveValue('a/a')
  })

  it('displays empty search if no query', async () => {
    await renderDictionary('/dictionary')
    expect(screen.getByLabelText('Word')).toHaveValue('')
    expect(screen.getByLabelText('Meaning')).toHaveValue('')
    expect(screen.getByLabelText('Root')).toHaveValue('')
    expect(screen.getByLabelText('Vowel class')).toHaveValue('')
  })
})

it('Displays a message if user is not logged in', async () => {
  session = new MemorySession([])
  await renderDictionary('/dictionary')
  expect(
    screen.getByText('Please log in to browse the Dictionary.')
  ).toBeVisible()
})

async function renderDictionary(path: string): Promise<void> {
  render(
    <MemoryRouter initialEntries={[path]}>
      <SessionContext.Provider value={session}>
        <DictionaryWithRouter wordService={wordService} />
      </SessionContext.Provider>
    </MemoryRouter>
  )
  await screen.findAllByText('Dictionary')
}