overleaf/services/web/test/frontend/features/pdf-preview/components/pdf-js-viewer.test.js

84 lines
2.7 KiB
JavaScript
Raw Normal View History

import { expect } from 'chai'
import { screen } from '@testing-library/react'
import path from 'path'
import { renderWithEditorContext } from '../../../helpers/render-with-context'
import { pathToFileURL } from 'url'
import PdfJsViewer from '../../../../../frontend/js/features/pdf-preview/components/pdf-js-viewer'
const example = pathToFileURL(
path.join(__dirname, '../fixtures/test-example.pdf').toString()
)
const exampleCorrupt = pathToFileURL(
path.join(__dirname, '../fixtures/test-example-corrupt.pdf')
).toString()
const invalidURL = 'http://nonexisting.com/doc'
describe('<PdfJSViewer/>', function () {
it('loads all PDF pages', async function () {
renderWithEditorContext(<PdfJsViewer url={example} />)
await screen.findByLabelText('Page 1')
await screen.findByLabelText('Page 2')
await screen.findByLabelText('Page 3')
expect(screen.queryByLabelText('Page 4')).to.not.exist
})
it('renders pages in a "loading" state', async function () {
renderWithEditorContext(<PdfJsViewer url={example} />)
await screen.findByLabelText('Loading…')
})
it('can be unmounted while loading a document', async function () {
const { unmount } = renderWithEditorContext(<PdfJsViewer url={example} />)
unmount()
})
it('can be unmounted after loading a document', async function () {
const { unmount } = renderWithEditorContext(<PdfJsViewer url={example} />)
await screen.findByLabelText('Page 1')
unmount()
})
describe('with an invalid URL', function () {
it('renders an error alert', async function () {
renderWithEditorContext(<PdfJsViewer url={invalidURL} />)
await screen.findByRole('alert')
expect(screen.queryByLabelText('Page 1')).to.not.exist
})
it('can load another document after the error', async function () {
const { rerender } = renderWithEditorContext(
<PdfJsViewer url={invalidURL} />
)
await screen.findByRole('alert')
rerender(<PdfJsViewer url={example} />)
await screen.findByLabelText('Page 1')
expect(screen.queryByRole('alert')).to.not.exist
})
})
describe('with an corrupted document', function () {
it('renders an error alert', async function () {
renderWithEditorContext(<PdfJsViewer url={exampleCorrupt} />)
await screen.findByRole('alert')
expect(screen.queryByLabelText('Page 1')).to.not.exist
})
it('can load another document after the error', async function () {
const { rerender } = renderWithEditorContext(
<PdfJsViewer url={exampleCorrupt} />
)
await screen.findByRole('alert')
rerender(<PdfJsViewer url={example} />)
await screen.findByLabelText('Page 1')
expect(screen.queryByRole('alert')).to.not.exist
})
})
})