mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-09 07:32:50 -05:00
9daa8f5d98
[web] rename all the JSX files to .jsx/.tsx GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
133 lines
2.9 KiB
JavaScript
133 lines
2.9 KiB
JavaScript
import { expect } from 'chai'
|
|
import { screen, fireEvent } from '@testing-library/react'
|
|
import renderWithContext from '../helpers/render-with-context'
|
|
|
|
import FileTreeFolder from '../../../../../frontend/js/features/file-tree/components/file-tree-folder'
|
|
|
|
describe('<FileTreeFolder/>', function () {
|
|
beforeEach(function () {
|
|
global.localStorage.clear()
|
|
})
|
|
|
|
it('renders unselected', function () {
|
|
renderWithContext(
|
|
<FileTreeFolder
|
|
name="foo"
|
|
id="123abc"
|
|
folders={[]}
|
|
docs={[]}
|
|
files={[]}
|
|
/>
|
|
)
|
|
|
|
screen.getByRole('treeitem', { selected: false })
|
|
expect(screen.queryByRole('tree')).to.not.exist
|
|
})
|
|
|
|
it('renders selected', function () {
|
|
renderWithContext(
|
|
<FileTreeFolder
|
|
name="foo"
|
|
id="123abc"
|
|
folders={[]}
|
|
docs={[]}
|
|
files={[]}
|
|
/>,
|
|
{
|
|
contextProps: {
|
|
rootFolder: [
|
|
{
|
|
_id: 'root-folder-id',
|
|
name: 'rootFolder',
|
|
docs: [{ _id: '123abc' }],
|
|
fileRefs: [],
|
|
folders: [],
|
|
},
|
|
],
|
|
},
|
|
}
|
|
)
|
|
|
|
const treeitem = screen.getByRole('treeitem', { selected: false })
|
|
fireEvent.click(treeitem)
|
|
|
|
screen.getByRole('treeitem', { selected: true })
|
|
expect(screen.queryByRole('tree')).to.not.exist
|
|
})
|
|
|
|
it('expands', function () {
|
|
renderWithContext(
|
|
<FileTreeFolder
|
|
name="foo"
|
|
id="123abc"
|
|
folders={[]}
|
|
docs={[]}
|
|
files={[]}
|
|
/>,
|
|
{
|
|
contextProps: {
|
|
rootFolder: [
|
|
{
|
|
_id: 'root-folder-id',
|
|
name: 'rootFolder',
|
|
docs: [{ _id: '123abc' }],
|
|
fileRefs: [],
|
|
folders: [],
|
|
},
|
|
],
|
|
},
|
|
}
|
|
)
|
|
|
|
screen.getByRole('treeitem')
|
|
const expandButton = screen.getByRole('button', { name: 'Expand' })
|
|
|
|
fireEvent.click(expandButton)
|
|
screen.getByRole('tree')
|
|
})
|
|
|
|
it('saves the expanded state for the next render', function () {
|
|
const { unmount } = renderWithContext(
|
|
<FileTreeFolder
|
|
name="foo"
|
|
id="123abc"
|
|
folders={[]}
|
|
docs={[]}
|
|
files={[]}
|
|
/>,
|
|
{
|
|
contextProps: {
|
|
rootFolder: [
|
|
{
|
|
_id: 'root-folder-id',
|
|
name: 'rootFolder',
|
|
docs: [{ _id: '123abc' }],
|
|
fileRefs: [],
|
|
folders: [],
|
|
},
|
|
],
|
|
},
|
|
}
|
|
)
|
|
|
|
expect(screen.queryByRole('tree')).to.not.exist
|
|
|
|
const expandButton = screen.getByRole('button', { name: 'Expand' })
|
|
fireEvent.click(expandButton)
|
|
screen.getByRole('tree')
|
|
|
|
unmount()
|
|
|
|
renderWithContext(
|
|
<FileTreeFolder
|
|
name="foo"
|
|
id="123abc"
|
|
folders={[]}
|
|
docs={[]}
|
|
files={[]}
|
|
/>
|
|
)
|
|
|
|
screen.getByRole('tree')
|
|
})
|
|
})
|