Modal

Introduction

A modal is a web page element that displays in front of and deactivates all other page content. To return to the main content, the user must engage with the modal by completing an action or by closing it.

Example in legacy UI :

default

<Modal
  title={'Default Modal'}
  handleCancel={() => setIsOpen(false)}
  hanldleOK={() => {
    setIsOpen(false);
  }}
  isOpen={isOpen}
  setIsOpen={setIsOpen}
>
  <p>this is a modal</p>
</Modal>

Automated tests

Unit

Command : npm run test:unit
Test file location : /tests/modal.unit.test.tsx

npm run test:unit:file modal

Integration

Command : ???
Test file location : ???

???