mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-17 21:05:04 -04:00
e60885aa88
Move CSS loading in Cypress to individual test spec files GitOrigin-RevId: 92bb5167cfa81b0bd54acc724efb23b397421ccb
100 lines
2.5 KiB
TypeScript
100 lines
2.5 KiB
TypeScript
import '../../helpers/bootstrap-3'
|
|
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'
|
|
|
|
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" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile()
|
|
|
|
cy.findByLabelText('Page 1')
|
|
cy.findByLabelText('Page 2')
|
|
cy.findByLabelText('Page 3')
|
|
cy.findByLabelText('Page 4').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.findByLabelText('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" />
|
|
</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" />
|
|
</div>
|
|
</PdfPreviewProvider>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.waitForCompile()
|
|
|
|
cy.findByLabelText('Page 1')
|
|
|
|
cy.then(() => unmountComponentAtNode(getContainerEl()))
|
|
})
|
|
})
|