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('', function () { beforeEach(function () { global.localStorage.clear() }) it('renders unselected', function () { renderWithContext( ) screen.getByRole('treeitem', { selected: false }) expect(screen.queryByRole('tree')).to.not.exist }) it('renders selected', function () { renderWithContext( , { 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( , { 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( , { 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( ) screen.getByRole('tree') }) })