overleaf/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.js
M Fahru 867451fa5f Add unit tests and storybook components for help menu
GitOrigin-RevId: d6f17a97d559d698461c77af3273d7d9255cdcc8
2022-11-03 09:03:56 +00:00

21 lines
794 B
JavaScript

import { expect } from 'chai'
import { screen, fireEvent, within } from '@testing-library/react'
import HelpShowHotkeys from '../../../../../frontend/js/features/editor-left-menu/components/help-show-hotkeys'
import { renderWithEditorContext } from '../../../helpers/render-with-context'
import fetchMock from 'fetch-mock'
describe('<HelpShowHotkeys />', function () {
afterEach(function () {
fetchMock.reset()
})
it('open hotkeys modal when clicked', function () {
renderWithEditorContext(<HelpShowHotkeys />)
expect(screen.queryByRole('dialog')).to.equal(null)
fireEvent.click(screen.getByRole('button', { name: 'Show Hotkeys' }))
const modal = screen.getAllByRole('dialog')[0]
within(modal).getByText('Hotkeys')
within(modal).getByText('Common')
})
})