mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-05 05:34:10 -05:00
9daa8f5d98
[web] rename all the JSX files to .jsx/.tsx GitOrigin-RevId: 82056ae47e017523722cf258dcc83c8a925a28f7
91 lines
2.4 KiB
JavaScript
91 lines
2.4 KiB
JavaScript
import { expect } from 'chai'
|
|
import { screen, fireEvent } from '@testing-library/react'
|
|
import renderWithContext from '../helpers/render-with-context'
|
|
|
|
import FileTreeDoc from '../../../../../frontend/js/features/file-tree/components/file-tree-doc'
|
|
|
|
describe('<FileTreeDoc/>', function () {
|
|
it('renders unselected', function () {
|
|
const { container } = renderWithContext(
|
|
<FileTreeDoc name="foo.tex" id="123abc" isLinkedFile={false} />
|
|
)
|
|
|
|
screen.getByRole('treeitem', { selected: false })
|
|
expect(container.querySelector('i.linked-file-highlight')).to.not.exist
|
|
})
|
|
|
|
it('renders selected', function () {
|
|
renderWithContext(
|
|
<FileTreeDoc name="foo.tex" id="123abc" isLinkedFile={false} />,
|
|
{
|
|
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 })
|
|
})
|
|
|
|
it('renders as linked file', function () {
|
|
const { container } = renderWithContext(
|
|
<FileTreeDoc name="foo.tex" id="123abc" isLinkedFile />
|
|
)
|
|
|
|
screen.getByRole('treeitem')
|
|
expect(container.querySelector('i.linked-file-highlight')).to.exist
|
|
})
|
|
|
|
it('selects', function () {
|
|
renderWithContext(<FileTreeDoc name="foo.tex" id="123abc" expanded />, {
|
|
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 })
|
|
})
|
|
|
|
it('multi-selects', function () {
|
|
renderWithContext(<FileTreeDoc name="foo.tex" id="123abc" expanded />, {
|
|
contextProps: {
|
|
rootFolder: [
|
|
{
|
|
_id: 'root-folder-id',
|
|
name: 'rootFolder',
|
|
docs: [{ _id: '123abc' }],
|
|
fileRefs: [],
|
|
folders: [],
|
|
},
|
|
],
|
|
},
|
|
})
|
|
|
|
const treeitem = screen.getByRole('treeitem')
|
|
|
|
fireEvent.click(treeitem, { ctrlKey: true })
|
|
screen.getByRole('treeitem', { selected: true })
|
|
})
|
|
})
|