import React from 'react' import sinon from 'sinon' import { screen, fireEvent } from '@testing-library/react' import renderWithContext from '../../helpers/render-with-context' import FileTreeitemMenu from '../../../../../../frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu' describe('', function() { const setContextMenuCoords = sinon.stub() afterEach(function() { setContextMenuCoords.reset() }) it('renders dropdown', function() { renderWithContext( ) screen.getByRole('button', { name: 'Menu' }) screen.getByRole('menu') }) it('open / close', function() { renderWithContext( ) const toggleButton = screen.getByRole('button', { name: 'Menu' }) screen.getByRole('menu', { visible: false }) fireEvent.click(toggleButton) screen.getByRole('menu', { visible: true }) fireEvent.click(toggleButton) screen.getByRole('menu', { visible: false }) }) })