overleaf/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.test.jsx
Jakob Ackermann 9daa8f5d98 Merge pull request #15040 from overleaf/jpa-js-to-jsx
[web] rename all the JSX files to .jsx/.tsx

GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
2023-09-29 08:04:29 +00:00

52 lines
1.6 KiB
JavaScript

import { expect } from 'chai'
import { screen } from '@testing-library/react'
import renderWithContext from '../helpers/render-with-context'
import FileTreeToolbar from '../../../../../frontend/js/features/file-tree/components/file-tree-toolbar'
describe('<FileTreeToolbar/>', function () {
beforeEach(function () {
global.localStorage.clear()
})
it('without selected files', function () {
renderWithContext(<FileTreeToolbar />)
screen.getByRole('button', { name: 'New File' })
screen.getByRole('button', { name: 'New Folder' })
screen.getByRole('button', { name: 'Upload' })
expect(screen.queryByRole('button', { name: 'Rename' })).to.not.exist
expect(screen.queryByRole('button', { name: 'Delete' })).to.not.exist
})
it('read-only', function () {
renderWithContext(<FileTreeToolbar />, {
contextProps: { permissionsLevel: 'readOnly' },
})
expect(screen.queryByRole('button')).to.not.exist
})
it('with one selected file', function () {
renderWithContext(<FileTreeToolbar />, {
contextProps: {
rootDocId: '456def',
rootFolder: [
{
_id: 'root-folder-id',
name: 'rootFolder',
docs: [{ _id: '456def', name: 'main.tex' }],
folders: [],
fileRefs: [],
},
],
},
})
screen.getByRole('button', { name: 'New File' })
screen.getByRole('button', { name: 'New Folder' })
screen.getByRole('button', { name: 'Upload' })
screen.getByRole('button', { name: 'Rename' })
screen.getByRole('button', { name: 'Delete' })
})
})