mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 18:54:23 -05:00
100 lines
3.2 KiB
JavaScript
100 lines
3.2 KiB
JavaScript
import { expect } from 'chai'
|
|
import { screen } from '@testing-library/react'
|
|
import path from 'path'
|
|
import nock from 'nock'
|
|
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()
|
|
|
|
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 () {
|
|
nock('https://www.test-overleaf.com')
|
|
.get('/invalid/doc.pdf')
|
|
.replyWithError({
|
|
message: 'something awful happened',
|
|
code: 'AWFUL_ERROR',
|
|
})
|
|
|
|
renderWithEditorContext(<PdfJsViewer url="/invalid/doc.pdf" />)
|
|
|
|
await screen.findByRole('alert')
|
|
screen.getByText('something awful happened')
|
|
|
|
expect(screen.queryByLabelText('Page 1')).to.not.exist
|
|
})
|
|
|
|
it('can load another document after the error', async function () {
|
|
nock('https://www.test-overleaf.com')
|
|
.get('/invalid/doc.pdf')
|
|
.replyWithError({
|
|
message: 'something awful happened',
|
|
code: 'AWFUL_ERROR',
|
|
})
|
|
|
|
const { rerender } = renderWithEditorContext(
|
|
<PdfJsViewer url="/invalid/doc.pdf" />
|
|
)
|
|
await screen.findByRole('alert')
|
|
screen.getByText('something awful happened')
|
|
|
|
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
|
|
})
|
|
})
|
|
})
|