Jakob Ackermann
b831a0b3f7
* [clsi-lb] forward ?clsiserverid=cache requests to clsi-cache * [web] use clsi-cache in frontend * [web] upgrade compile from cache to full compile when triggered inflight * [web] fix pdf-js-viewer.spec.tsx tests -- add ?clsiserverid=foo to url * [web] fix renamed reference after merge * [web] fix download of other output files and use specific build * [web] consolidate validation of filename into ClsiCacheHandler * [web] remove unused projectName from getLatestBuildFromCache * [web] avoid hitting the same clsi-cache instance first all the time * [web] update documentation GitOrigin-RevId: d48265a7ba89d6731092640e1492bc9f103f5c33
104 lines
2.8 KiB
TypeScript
104 lines
2.8 KiB
TypeScript
import { EditorProviders } from '../../helpers/editor-providers'
|
|
import PdfJsViewer from '../../../../frontend/js/features/pdf-preview/components/pdf-js-viewer'
|
|
import { mockScope } from './scope'
|
|
import { getContainerEl } from 'cypress/react'
|
|
import { unmountComponentAtNode } from 'react-dom'
|
|
import { PdfPreviewProvider } from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-provider'
|
|
|
|
// Unicode directional isolates, added around placeables by @fluent/bundle/esm/resolver
|
|
const FSI = '\u2068'
|
|
const PDI = '\u2069'
|
|
|
|
describe('<PdfJSViewer/>', function () {
|
|
beforeEach(function () {
|
|
cy.interceptEvents()
|
|
})
|
|
|
|
it('loads all PDF pages', function () {
|
|
cy.interceptCompile()
|
|
|
|
const scope = mockScope()
|
|
|
|
cy.mount(
|
|
<EditorProviders scope={scope}>
|
|
<PdfPreviewProvider>
|
|
<div className="pdf-viewer">
|
|
<PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile({ pdf: true })
|
|
|
|
cy.findByRole('region', { name: `Page ${FSI}1${PDI}` })
|
|
cy.findByRole('region', { name: `Page ${FSI}2${PDI}` })
|
|
cy.findByRole('region', { name: `Page ${FSI}3${PDI}` })
|
|
cy.findByRole('region', { name: `Page ${FSI}4${PDI}` }).should('not.exist')
|
|
|
|
cy.contains('Your Paper')
|
|
})
|
|
|
|
it('renders pages in a "loading" state', function () {
|
|
cy.interceptCompile()
|
|
|
|
const scope = mockScope()
|
|
|
|
cy.mount(
|
|
<EditorProviders scope={scope}>
|
|
<PdfPreviewProvider>
|
|
<div className="pdf-viewer">
|
|
<PdfJsViewer url="/build/123/output.pdf" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile()
|
|
|
|
cy.get('.page.loading')
|
|
})
|
|
|
|
it('can be unmounted while loading a document', function () {
|
|
cy.interceptCompile()
|
|
|
|
const scope = mockScope()
|
|
|
|
cy.mount(
|
|
<EditorProviders scope={scope}>
|
|
<PdfPreviewProvider>
|
|
<div className="pdf-viewer">
|
|
<PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile()
|
|
|
|
cy.then(() => unmountComponentAtNode(getContainerEl()))
|
|
})
|
|
|
|
it('can be unmounted after loading a document', function () {
|
|
cy.interceptCompile()
|
|
|
|
const scope = mockScope()
|
|
|
|
cy.mount(
|
|
<EditorProviders scope={scope}>
|
|
<PdfPreviewProvider>
|
|
<div className="pdf-viewer">
|
|
<PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile({ pdf: true })
|
|
|
|
cy.findByRole('region', { name: `Page ${FSI}1${PDI}` })
|
|
|
|
cy.then(() => unmountComponentAtNode(getContainerEl()))
|
|
})
|
|
})
|