import { expect } from 'chai' import React from 'react' 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('', function () { it('renders unselected', function () { const { container } = renderWithContext( ) screen.getByRole('treeitem', { selected: false }) expect(container.querySelector('i.linked-file-highlight')).to.not.exist }) it('renders selected', function () { renderWithContext( , { contextProps: { rootFolder: [ { docs: [{ _id: '123abc' }], fileRefs: [], folders: [] } ] } } ) const treeitem = screen.getByRole('treeitem', { selected: false }) fireEvent.click(treeitem) screen.getByRole('treeitem', { selected: true }) screen.getByRole('menuitem', { name: 'Rename' }) screen.getByRole('menuitem', { name: 'Delete' }) screen.getByRole('menuitem', { name: 'New File' }) screen.getByRole('menuitem', { name: 'New Folder' }) screen.getByRole('menuitem', { name: 'Upload' }) }) it('renders as linked file', function () { const { container } = renderWithContext( ) screen.getByRole('treeitem') expect(container.querySelector('i.linked-file-highlight')).to.exist }) it('selects', function () { renderWithContext(, { contextProps: { 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(, { contextProps: { rootFolder: [ { docs: [{ _id: '123abc' }], fileRefs: [], folders: [] } ] } }) const treeitem = screen.getByRole('treeitem') fireEvent.click(treeitem, { ctrlKey: true }) screen.getByRole('treeitem', { selected: true }) }) })