mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-14 20:40:52 -05:00
e60885aa88
Move CSS loading in Cypress to individual test spec files GitOrigin-RevId: 92bb5167cfa81b0bd54acc724efb23b397421ccb
114 lines
3.2 KiB
TypeScript
114 lines
3.2 KiB
TypeScript
import '../../helpers/bootstrap-3'
|
|
import { FC } from 'react'
|
|
import useDetachAction from '../../../../frontend/js/shared/hooks/use-detach-action'
|
|
import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
|
|
import { EditorProviders } from '../../helpers/editor-providers'
|
|
|
|
const DetachActionTest: FC<{
|
|
actionName: string
|
|
actionFunction: () => void
|
|
handleClick: (trigger: (value: any) => void) => void
|
|
}> = ({ actionName, actionFunction, handleClick }) => {
|
|
const trigger = useDetachAction(
|
|
actionName,
|
|
actionFunction,
|
|
'detacher',
|
|
'detached'
|
|
)
|
|
|
|
return (
|
|
<button id="trigger" onClick={() => handleClick(trigger)}>
|
|
trigger
|
|
</button>
|
|
)
|
|
}
|
|
|
|
describe('useDetachAction', function () {
|
|
it('broadcast message as sender', function () {
|
|
window.metaAttributesCache.set('ol-detachRole', 'detacher')
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<DetachActionTest
|
|
actionName="some-action"
|
|
actionFunction={cy.stub().as('actionFunction')}
|
|
handleClick={trigger => trigger('foo')}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
|
|
cy.get('#trigger').click()
|
|
cy.get('@postDetachMessage').should('have.been.calledWith', {
|
|
role: 'detacher',
|
|
event: 'action-some-action',
|
|
data: { args: ['foo'] },
|
|
})
|
|
cy.get('@actionFunction').should('not.have.been.called')
|
|
})
|
|
|
|
it('call function as non-sender', function () {
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<DetachActionTest
|
|
actionName="some-action"
|
|
actionFunction={cy.stub().as('actionFunction')}
|
|
handleClick={trigger => trigger('foo')}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
|
|
cy.get('#trigger').click()
|
|
cy.get('@postDetachMessage').should('not.have.been.called')
|
|
cy.get('@actionFunction').should('have.been.calledWith', 'foo')
|
|
})
|
|
|
|
it('receive message and call function as target', function () {
|
|
window.metaAttributesCache.set('ol-detachRole', 'detached')
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<DetachActionTest
|
|
actionName="some-action"
|
|
actionFunction={cy.stub().as('actionFunction')}
|
|
handleClick={trigger => trigger('foo')}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.wrap(null).then(() => {
|
|
testDetachChannel.postMessage({
|
|
role: 'detached',
|
|
event: 'action-some-action',
|
|
data: { args: ['foo'] },
|
|
})
|
|
})
|
|
|
|
cy.get('@actionFunction').should('have.been.calledWith', 'foo')
|
|
})
|
|
|
|
it('receive message and does not call function as non-target', function () {
|
|
window.metaAttributesCache.set('ol-detachRole', 'detacher')
|
|
|
|
cy.mount(
|
|
<EditorProviders>
|
|
<DetachActionTest
|
|
actionName="some-action"
|
|
actionFunction={cy.stub().as('actionFunction')}
|
|
handleClick={trigger => trigger('foo')}
|
|
/>
|
|
</EditorProviders>
|
|
)
|
|
|
|
cy.wrap(null).then(() => {
|
|
testDetachChannel.postMessage({
|
|
role: 'detached',
|
|
event: 'action-some-action',
|
|
data: { args: [] },
|
|
})
|
|
})
|
|
|
|
cy.get('@actionFunction').should('not.have.been.called')
|
|
})
|
|
})
|