mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
b85ae6e58e
* Migrate actions menu in editor left menu to react * Move margin from inline style to css file * remove focus selector to avoid "highlighting" the button after closing modal and regain focus * Add disabled state on word count button when the compiling is loading or failed * Use div instead of button for disabled word count button * Add accessibility text props when LeftMenuButton is disabled * Add actions menu test cases and storybook components * use util assign function and wrap function prop in usecallback GitOrigin-RevId: 81ab104be21fbcf5dfbc72c07d29eeb32976c61f
85 lines
2.1 KiB
JavaScript
85 lines
2.1 KiB
JavaScript
import { screen, waitFor } from '@testing-library/dom'
|
|
import { expect } from 'chai'
|
|
import fetchMock from 'fetch-mock'
|
|
import ActionsMenu from '../../../../../frontend/js/features/editor-left-menu/components/actions-menu'
|
|
import { renderWithEditorContext } from '../../../helpers/render-with-context'
|
|
|
|
describe('<ActionsMenu />', function () {
|
|
beforeEach(function () {
|
|
fetchMock.post('express:/project/:projectId/compile', {
|
|
status: 'success',
|
|
pdfDownloadDomain: 'https://clsi.test-overleaf.com',
|
|
outputFiles: [
|
|
{
|
|
path: 'output.pdf',
|
|
build: 'build-123',
|
|
url: '/build/build-123/output.pdf',
|
|
type: 'pdf',
|
|
},
|
|
],
|
|
})
|
|
})
|
|
|
|
afterEach(function () {
|
|
fetchMock.reset()
|
|
window.metaAttributesCache = new Map()
|
|
})
|
|
|
|
it('shows correct menu for non-anonymous users', async function () {
|
|
window.metaAttributesCache.set('ol-anonymous', false)
|
|
|
|
renderWithEditorContext(<ActionsMenu />, {
|
|
projectId: '123abc',
|
|
scope: {
|
|
editor: {
|
|
sharejs_doc: {
|
|
doc_id: 'test-doc',
|
|
getSnapshot: () => 'some doc content',
|
|
},
|
|
},
|
|
},
|
|
})
|
|
|
|
screen.getByText('Actions')
|
|
screen.getByRole('button', {
|
|
name: 'Copy Project',
|
|
})
|
|
|
|
await waitFor(() => {
|
|
screen.getByRole('button', {
|
|
name: 'Word Count',
|
|
})
|
|
})
|
|
})
|
|
|
|
it('does not show anything for anonymous users', async function () {
|
|
window.metaAttributesCache.set('ol-anonymous', true)
|
|
|
|
renderWithEditorContext(<ActionsMenu />, {
|
|
projectId: '123abc',
|
|
scope: {
|
|
editor: {
|
|
sharejs_doc: {
|
|
doc_id: 'test-doc',
|
|
getSnapshot: () => 'some doc content',
|
|
},
|
|
},
|
|
},
|
|
})
|
|
|
|
expect(screen.queryByText('Actions')).to.equal(null)
|
|
expect(
|
|
screen.queryByRole('button', {
|
|
name: 'Copy Project',
|
|
})
|
|
).to.equal(null)
|
|
|
|
await waitFor(() => {
|
|
expect(
|
|
screen.queryByRole('button', {
|
|
name: 'Word Count',
|
|
})
|
|
).to.equal(null)
|
|
})
|
|
})
|
|
})
|