mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-24 21:12:38 -04:00
e60885aa88
Move CSS loading in Cypress to individual test spec files GitOrigin-RevId: 92bb5167cfa81b0bd54acc724efb23b397421ccb
37 lines
993 B
TypeScript
37 lines
993 B
TypeScript
import '../../helpers/bootstrap-3'
|
|
import { Modal } from 'react-bootstrap'
|
|
import AccessibleModal from '../../../../frontend/js/shared/components/accessible-modal'
|
|
|
|
describe('AccessibleModal', function () {
|
|
it('renders a visible modal', function () {
|
|
const handleHide = cy.stub()
|
|
|
|
cy.mount(
|
|
<AccessibleModal onHide={handleHide} show>
|
|
<Modal.Header closeButton>
|
|
<Modal.Title>Test</Modal.Title>
|
|
</Modal.Header>
|
|
|
|
<Modal.Body>Some content</Modal.Body>
|
|
</AccessibleModal>
|
|
)
|
|
|
|
cy.findByRole('dialog').should('have.length', 1)
|
|
})
|
|
|
|
it('does not render a hidden modal', function () {
|
|
const handleHide = cy.stub()
|
|
|
|
cy.mount(
|
|
<AccessibleModal onHide={handleHide}>
|
|
<Modal.Header closeButton>
|
|
<Modal.Title>Test</Modal.Title>
|
|
</Modal.Header>
|
|
|
|
<Modal.Body>Some content</Modal.Body>
|
|
</AccessibleModal>
|
|
)
|
|
|
|
cy.findByRole('dialog', { hidden: true }).should('have.length', 0)
|
|
})
|
|
})
|