github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-07 20:31:06 -05:00
Code Issues Projects Releases Packages Wiki Activity

Improve tests for layout components (#17518)

Browse source 
GitOrigin-RevId: 1d08224a5282482dcf153a2ebcff69a08be2eb58
This commit is contained in:
Alf Eaton 2024-03-25 11:55:06 +00:00 committed by Copybot
parent d319fe72a9
commit b2fbc39930
3 changed files with 80 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
services/web/test/frontend/features/layout/components/switch-to-editor-button.spec.tsx Normal file
View file

@ -0,0 +1,38 @@
import { EditorProviders } from '../../../helpers/editor-providers'
import SwitchToEditorButton from '@/features/pdf-preview/components/switch-to-editor-button'
describe('<SwitchToEditorButton />', function () {
it('shows button in full screen pdf layout', function () {
cy.mount(
<EditorProviders ui={{ view: 'pdf', pdfLayout: 'flat', chatOpen: false }}>
<SwitchToEditorButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to editor' })
})
it('does not show button in split screen layout', function () {
cy.mount(
<EditorProviders
ui={{ view: 'pdf', pdfLayout: 'sideBySide', chatOpen: false }}
>
<SwitchToEditorButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to editor' }).should('not.exist')
})
it('does not show button when detached', function () {
window.metaAttributesCache.set('ol-detachRole', 'detacher')
cy.mount(
<EditorProviders ui={{ view: 'pdf', pdfLayout: 'flat', chatOpen: false }}>
<SwitchToEditorButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to editor' }).should('not.exist')
})
})

42
services/web/test/frontend/features/layout/components/switch-to-pdf-button.spec.tsx Normal file
View file

@ -0,0 +1,42 @@
import SwitchToPDFButton from '@/features/source-editor/components/switch-to-pdf-button'
import { EditorProviders } from '../../../helpers/editor-providers'
describe('<SwitchToPDFButton />', function () {
it('shows button in full screen editor layout', function () {
cy.mount(
<EditorProviders
ui={{ view: 'editor', pdfLayout: 'flat', chatOpen: false }}
>
<SwitchToPDFButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to PDF' })
})
it('does not show button in split screen layout', function () {
cy.mount(
<EditorProviders
ui={{ view: 'editor', pdfLayout: 'sideBySide', chatOpen: false }}
>
<SwitchToPDFButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to PDF' }).should('not.exist')
})
it('does not show button when detached', function () {
window.metaAttributesCache.set('ol-detachRole', 'detacher')
cy.mount(
<EditorProviders
ui={{ view: 'editor', pdfLayout: 'flat', chatOpen: false }}
>
<SwitchToPDFButton />
</EditorProviders>
)
cy.findByRole('button', { name: 'Switch to PDF' }).should('not.exist')
})
})

36
services/web/test/frontend/features/source-editor/components/switch-to-pdf-button.test.jsx
View file

@ -1,36 +0,0 @@
import { screen } from '@testing-library/react'
import { expect } from 'chai'
import { renderWithEditorContext } from '../../../helpers/render-with-context'
import SwitchToPDFButton from '../../../../../frontend/js/features/source-editor/components/switch-to-pdf-button'
describe('<SwitchToPDFButton />', function () {
beforeEach(function () {
window.metaAttributesCache = new Map()
})
afterEach(function () {
window.metaAttributesCache = new Map()
})
it('shows button in full screen layout', function () {
renderWithEditorContext(<SwitchToPDFButton />, {
ui: { view: 'editor', pdfLayout: 'flat' },
})
screen.getByRole('button', { name: 'Switch to PDF' })
})
it('does not show button in split screen layout', function () {
renderWithEditorContext(<SwitchToPDFButton />, {
ui: { view: 'editor', pdfLayout: 'sideBySide' },
})
expect(screen.queryByRole('button', { name: 'Full screen' })).to.not.exist
})
it('does not show button when detached', function () {
window.metaAttributesCache.set('ol-detachRole', 'detacher')
renderWithEditorContext(<SwitchToPDFButton />, {
ui: { view: 'editor', pdfLayout: 'flat' },
})
expect(screen.queryByRole('button', { name: 'Full screen' })).to.not.exist
})
})