Tidy up shared React components (#9509)

GitOrigin-RevId: b8029b65c95ccdac89587d484e2599e25fe44302
2023-01-06 09:03:47 +00:00
parent aa548b3889
commit e95ad3e71b
6 changed files with 103 additions and 83 deletions
@@ -0,0 +1,36 @@
+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)
+  })
+})