ElectronicBabylonianLiterature/ebl-frontend

import React from 'react'
import { render, screen } from '@testing-library/react'
import PhotoImage from './Photo'
import { fragmentFactory } from 'test-support/fragment-fixtures'

const number = 'K 1'
const blob = new Blob([''], { type: 'image/jpeg' })
const objectUrl = 'object URL mock'

beforeEach(() => {
  const fragment = fragmentFactory.build({ number })
  ;(URL.createObjectURL as jest.Mock).mockReturnValueOnce(objectUrl)
  render(<PhotoImage photo={blob} fragment={fragment} />)
})

it('Has alt text', async () => {
  expect(await screen.findByRole('img')).toHaveAttribute(
    'alt',
    `A photo of the fragment ${number}`
  )
})

it('Has a link to the image', async () => {
  expect((await screen.findAllByRole('link'))[0]).toHaveAttribute(
    'href',
    objectUrl
  )
})

it('Has copyright', async () => {
  expect(await screen.findByText(/The Trustees/)).toHaveTextContent(
    'The Trustees of the British Museum'
  )
})