@laerdal/life-react-components 1.3.1-dev.3.full → 1.3.1-dev.4

package/dist/umd/Accordion/__tests__/ContetnAccordion.test.js

@@ -0,0 +1,165 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "../ContentAccordion", "@testing-library/react", "../../types"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("../ContentAccordion"), require("@testing-library/react"), require("../../types"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.ContentAccordion, global.react, global.types);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _ContentAccordion, _react3, _types) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  var _ContentAccordion2 = _interopRequireDefault(_ContentAccordion);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  describe('ContentAccordion', () => {
+    const contentAccordionItemsWithBody = [{
+      key: '1',
+      title: 'Item 1',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    }, {
+      key: '2',
+      title: 'Item 2',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      active: true
+    }, {
+      key: '3',
+      title: 'Item 3',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      disabled: true
+    }, {
+      key: '4',
+      title: 'Item 4',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
+    }];
+    const contentAccordionItemsWithBodyAndHeaderAndFooter = [{
+      key: '1',
+      title: 'Item 1',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      header: 'Header 1',
+      footer: /*#__PURE__*/_react2.default.createElement("span", null)
+    }, {
+      key: '2',
+      title: 'Item 2',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      header: 'Header 2',
+      footer: /*#__PURE__*/_react2.default.createElement("span", null)
+    }, {
+      key: '3',
+      title: 'Item 3',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      header: 'Header 3',
+      footer: /*#__PURE__*/_react2.default.createElement("span", null),
+      disabled: true
+    }, {
+      key: '4',
+      title: 'Item 4',
+      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+      header: 'Header 4',
+      footer: /*#__PURE__*/_react2.default.createElement("span", null)
+    }];
+    it('should render items in correct state', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled').length).toBe(1);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled')[0].id).toBe('item_3');
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
+    });
+    it('should not render header if not provided', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(0);
+    });
+    it('should not render footer if not provided', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(0);
+    });
+    it('should render body, header, and footer if all are provided', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBodyAndHeaderAndFooter
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(4);
+      expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(4);
+    });
+    it('should set correct size class name for small accordion', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
+        size: _types.Size.Small
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion small').length).toBe(1);
+    });
+    it('should set correct size class name for medium accordion', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
+        size: _types.Size.Medium
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion medium').length).toBe(1);
+    });
+    it('should set correct size class name for large accordion', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBodyAndHeaderAndFooter,
+        size: _types.Size.Large
+      }));
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion large').length).toBe(1);
+    });
+    it('should change active state when item header is clicked', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody,
+        multi: false
+      }));
+      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];
+
+      _react3.fireEvent.click(itemHeader);
+
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_4');
+    });
+    it('should not change active state when disabled item header is clicked', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody,
+        multi: false
+      }));
+      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[2];
+
+      _react3.fireEvent.click(itemHeader);
+
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
+    });
+    it('should append active items if multi property is true', () => {
+      const wrapper = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_ContentAccordion2.default, {
+        items: contentAccordionItemsWithBody,
+        multi: true
+      }));
+      const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];
+
+      _react3.fireEvent.click(itemHeader);
+
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(2);
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');
+      expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[1].id).toBe('item_4');
+    });
+  });
+});
+//# sourceMappingURL=ContetnAccordion.test.js.map

package/dist/umd/Accordion/__tests__/ContetnAccordion.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Accordion/__tests__/ContetnAccordion.test.tsx"],"names":["describe","contentAccordionItemsWithBody","key","title","body","active","disabled","contentAccordionItemsWithBodyAndHeaderAndFooter","header","footer","it","wrapper","render","expect","Size","Small","Medium","Large","itemHeader","fireEvent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ContentAccordion from '../ContentAccordion';\nimport {fireEvent, render} from '@testing-library/react';\nimport {Size} from '../../types';\n\ndescribe('ContentAccordion', () => {\n  const contentAccordionItemsWithBody = [\n    {\n      key: '1',\n      title: 'Item 1',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'\n    },\n    {\n      key: '2',\n      title: 'Item 2',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      active: true\n    },\n    {\n      key: '3',\n      title: 'Item 3',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      disabled: true\n    },\n    {\n      key: '4',\n      title: 'Item 4',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'\n    }\n  ];\n\n  const contentAccordionItemsWithBodyAndHeaderAndFooter = [\n    {\n      key: '1',\n      title: 'Item 1',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      header: 'Header 1',\n      footer: <span/>,\n    },\n    {\n      key: '2',\n      title: 'Item 2',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      header: 'Header 2',\n      footer: <span/>,\n    },\n    {\n      key: '3',\n      title: 'Item 3',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      header: 'Header 3',\n      footer: <span/>,\n      disabled: true\n    },\n    {\n      key: '4',\n      title: 'Item 4',\n      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n      header: 'Header 4',\n      footer: <span/>,\n    }\n  ];\n\n  it('should render items in correct state', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\n\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled').length).toBe(1);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item disabled')[0].id).toBe('item_3');\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\n  });\n\n  it('should not render header if not provided', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\n\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(0);\n  });\n\n  it('should not render footer if not provided', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);\n\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(0);\n  });\n\n  it('should render body, header, and footer if all are provided', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}/>);\n\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('item-content-body').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('item-content-header').length).toBe(4);\n    expect(wrapper.baseElement.getElementsByClassName('item-content-footer').length).toBe(4);\n  });\n\n  it('should set correct size class name for small accordion', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\n                                             size={Size.Small}/>);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion small').length).toBe(1);\n  });\n\n  it('should set correct size class name for medium accordion', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\n                                             size={Size.Medium}/>);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion medium').length).toBe(1);\n  });\n\n  it('should set correct size class name for large accordion', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}\n                                             size={Size.Large}/>);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion large').length).toBe(1);\n  });\n\n  it('should change active state when item header is clicked', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];\n\n    fireEvent.click(itemHeader);\n\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_4');\n  });\n\n  it('should not change active state when disabled item header is clicked', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[2];\n\n    fireEvent.click(itemHeader);\n\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(1);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\n  });\n\n  it('should append active items if multi property is true', () => {\n    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={true}/>);\n    const itemHeader = wrapper.baseElement.getElementsByClassName('item-header')[3];\n\n    fireEvent.click(itemHeader);\n\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active').length).toBe(2);\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[0].id).toBe('item_2');\n    expect(wrapper.baseElement.getElementsByClassName('content-accordion-item active')[1].id).toBe('item_4');\n  });\n\n});\n"],"file":"ContetnAccordion.test.js"}

package/dist/umd/Accordion/index.js

@@ -1,16 +1,16 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "./AccordionMenu", "./styles"], factory);
+    define(["exports", "./AccordionMenu", "./ContentAccordion", "./styles"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("./AccordionMenu"), require("./styles"));
+    factory(exports, require("./AccordionMenu"), require("./ContentAccordion"), require("./styles"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global.AccordionMenu, global.styles);
+    factory(mod.exports, global.AccordionMenu, global.ContentAccordion, global.styles);
     global.undefined = mod.exports;
   }
-})(this, function (exports, _AccordionMenu, _styles) {
+})(this, function (exports, _AccordionMenu, _ContentAccordion, _styles) {
   "use strict";
 
   Object.defineProperty(exports, "__esModule", {
@@ -28,6 +28,12 @@
       return _interopRequireDefault(_AccordionMenu).default;
     }
   });
+  Object.defineProperty(exports, "ContentAccordion", {
+    enumerable: true,
+    get: function () {
+      return _ContentAccordion.ContentAccordion;
+    }
+  });
   Object.defineProperty(exports, "AccordionMenuWrapper", {
     enumerable: true,
     get: function () {

package/dist/umd/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;oDAAA,O;;;;;;oDACA,O;;;;;;qBACA,oB","sourcesContent":["export { default as AccordionMenu } from './AccordionMenu';\nexport { default as AccordionMenuItem } from './AccordionMenu';\nexport { AccordionMenuWrapper } from './styles';\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;oDAAA,O;;;;;;oDACA,O;;;;;;+BACA,gB;;;;;;qBACA,oB","sourcesContent":["export {default as AccordionMenu} from './AccordionMenu';\nexport {default as AccordionMenuItem} from './AccordionMenu';\nexport {ContentAccordion} from './ContentAccordion';\nexport {AccordionMenuWrapper} from './styles';\n"],"file":"index.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laerdal/life-react-components",
-  "version": "1.3.1-dev.3.full",
+  "version": "1.3.1-dev.4",
   "private": false,
   "author": "Thomas Kalve <thomas.kalve@laerdal.com>",
   "contributors": [

package/dist/esm/Modals/__tests__/Modal.test.js

@@ -1,154 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import 'jest-styled-components';
-import { ModalDialog } from '..';
-import { Size, SystemIcons } from '../..';
-describe('<ModalDialog />', () => {
-  let mountingDiv;
-  beforeEach(() => {
-    //being rendered as a React.Portal we need to have the 'root' div defined
-    mountingDiv = document.createElement('div');
-    mountingDiv.id = 'root';
-    document.body.appendChild(mountingDiv);
-  });
-  afterEach(() => {
-    document.body.removeChild(mountingDiv);
-  });
-  it('Check modal not rendered when isModalOpen is false', async () => {
-    const {
-      container,
-      getByText
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      isModalOpen: false,
-      closeAction: () => {},
-      submitAction: () => {}
-    })); //check modal portal not exists when modal not opened
-
-    expect(container.querySelector('.ReactModalPortal')).toBeNull();
-  });
-  it('Check modal visible, title and footer buttons displayed correctly', async () => {
-    const {
-      container,
-      getByText
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      isModalOpen: true,
-      closeAction: () => {},
-      submitAction: () => {},
-      buttons: [{
-        action: () => {},
-        text: 'Close',
-        variant: 'tertiary'
-      }, {
-        action: () => {},
-        text: 'Save'
-      }]
-    })); //check modal portal defined
-
-    expect(container.querySelector('.ReactModalPortal')).toBeDefined(); //Check header and footer buttons
-
-    expect(getByText('Header')).toBeDefined();
-    expect(getByText('Close')).toBeDefined();
-    expect(getByText('Save')).toBeDefined();
-  });
-  it('Check tooltip, and link displayed without right footer buttons', async () => {
-    const {
-      baseElement,
-      getByText
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      isModalOpen: true,
-      closeAction: () => {},
-      submitAction: () => {},
-      tooltip: 'some test tooltip',
-      leftFooterAction: {
-        id: 'test-link',
-        actionType: 'hyperlink',
-        text: 'Link',
-        href: 'http://test.com',
-        icon: /*#__PURE__*/React.createElement(React.Fragment, null),
-        variant: 'default'
-      }
-    })); //check tooltip displayed
-
-    expect(getByText('some test tooltip').textContent).toBeDefined(); //check footer link displayed
-
-    expect(getByText('Link').children).toBeDefined();
-  });
-  it('Check note and footer note displayed', async () => {
-    const {
-      baseElement,
-      getByText
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      isModalOpen: true,
-      closeAction: () => {},
-      submitAction: () => {},
-      leftFooterAction: {
-        id: 'test-note',
-        actionType: 'note',
-        text: 'Test note',
-        icon: /*#__PURE__*/React.createElement(SystemIcons.Information, null)
-      },
-      note: 'Message text',
-      state: 'critical'
-    })); //check footer note text displayed
-
-    expect(getByText('Test note').textContent).toBeDefined(); //check note section added
-
-    expect(baseElement.querySelectorAll('section')?.length).toEqual(4); //check note message displayed
-
-    expect(getByText('Message text').children).toBeDefined();
-  });
-  it('Check back button and close icon displayed', async () => {
-    const {
-      baseElement,
-      getByText,
-      container
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      backButton: () => {},
-      isModalOpen: true,
-      closeAction: () => {},
-      submitAction: () => {}
-    })); //only 2 svg elements should be found in the header of the modal
-
-    expect(baseElement.querySelectorAll('svg')?.length).toEqual(2);
-  });
-  it('Check modal body displayed', async () => {
-    const {
-      baseElement,
-      getByText,
-      container
-    } = render( /*#__PURE__*/React.createElement(ModalDialog, {
-      key: "smallModalWithoutImage",
-      closeModalAndClearInput: () => {},
-      title: 'Header',
-      size: Size.Small,
-      isModalOpen: true,
-      closeAction: () => {},
-      submitAction: () => {}
-    }, /*#__PURE__*/React.createElement("span", null, "Inner modal text"))); //Check all dialog sections are displayed
-
-    expect(baseElement.querySelectorAll('section')?.length).toEqual(3); //Check that the second section (modal body) has the correct text
-
-    expect(baseElement.querySelectorAll('section')?.[1].textContent).toEqual('Inner modal text');
-  });
-});
-//# sourceMappingURL=Modal.test.js.map

package/dist/esm/Modals/__tests__/Modal.test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Modals/__tests__/Modal.test.tsx"],"names":["React","render","ModalDialog","Size","SystemIcons","describe","mountingDiv","beforeEach","document","createElement","id","body","appendChild","afterEach","removeChild","it","container","getByText","Small","expect","querySelector","toBeNull","action","text","variant","toBeDefined","baseElement","actionType","href","icon","textContent","children","querySelectorAll","length","toEqual"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport 'jest-styled-components';\nimport { ModalDialog } from '..';\nimport { COLORS, Size, SystemIcons } from '../..';\n\ndescribe('<ModalDialog />', () => {\n  let mountingDiv: HTMLElement;\n\n  beforeEach(() => {\n    //being rendered as a React.Portal we need to have the 'root' div defined\n    mountingDiv = document.createElement('div');\n    mountingDiv.id = 'root';\n    document.body.appendChild(mountingDiv);\n  });\n\n  afterEach(() => {\n    document.body.removeChild(mountingDiv);\n  });\n\n  it('Check modal not rendered when isModalOpen is false', async () => {\n    const { container, getByText } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        isModalOpen={false}\n        closeAction={() => {}}\n        submitAction={() => {}}\n      />,\n    );\n    //check modal portal not exists when modal not opened\n    expect(container.querySelector('.ReactModalPortal')).toBeNull();\n  });\n\n  it('Check modal visible, title and footer buttons displayed correctly', async () => {\n    const { container, getByText } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        isModalOpen={true}\n        closeAction={() => {}}\n        submitAction={() => {}}\n        buttons={[\n          {\n            action: () => {},\n            text: 'Close',\n            variant: 'tertiary',\n          },\n          {\n            action: () => {},\n            text: 'Save',\n          },\n        ]}\n      />,\n    );\n    //check modal portal defined\n    expect(container.querySelector('.ReactModalPortal')).toBeDefined();\n    //Check header and footer buttons\n    expect(getByText('Header')).toBeDefined();\n    expect(getByText('Close')).toBeDefined();\n    expect(getByText('Save')).toBeDefined();\n  });\n\n  it('Check tooltip, and link displayed without right footer buttons', async () => {\n    const { baseElement, getByText } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        isModalOpen={true}\n        closeAction={() => {}}\n        submitAction={() => {}}\n        tooltip={'some test tooltip'}\n        leftFooterAction={{ id: 'test-link', actionType: 'hyperlink', text: 'Link', href: 'http://test.com', icon: <></>, variant: 'default' }}\n      />,\n    );\n    //check tooltip displayed\n    expect(getByText('some test tooltip').textContent).toBeDefined();\n    //check footer link displayed\n    expect(getByText('Link').children).toBeDefined();\n  });\n\n  it('Check note and footer note displayed', async () => {\n    const { baseElement, getByText } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        isModalOpen={true}\n        closeAction={() => {}}\n        submitAction={() => {}}\n        leftFooterAction={{ id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information /> }}\n        note={'Message text'}\n        state={'critical'}\n      />,\n    );\n    //check footer note text displayed\n    expect(getByText('Test note').textContent).toBeDefined();\n    //check note section added\n    expect(baseElement.querySelectorAll('section')?.length).toEqual(4);\n    //check note message displayed\n    expect(getByText('Message text').children).toBeDefined();\n  });\n\n  it('Check back button and close icon displayed', async () => {\n    const { baseElement, getByText, container } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        backButton={() => {}}\n        isModalOpen={true}\n        closeAction={() => {}}\n        submitAction={() => {}}\n      />,\n    );\n    //only 2 svg elements should be found in the header of the modal\n    expect(baseElement.querySelectorAll('svg')?.length).toEqual(2);\n  });\n\n  it('Check modal body displayed', async () => {\n    const { baseElement, getByText, container } = render(\n      <ModalDialog\n        key=\"smallModalWithoutImage\"\n        closeModalAndClearInput={() => {}}\n        title={'Header'}\n        size={Size.Small}\n        isModalOpen={true}\n        closeAction={() => {}}\n        submitAction={() => {}}>\n        <span>Inner modal text</span>\n      </ModalDialog>,\n    );\n    //Check all dialog sections are displayed\n    expect(baseElement.querySelectorAll('section')?.length).toEqual(3);\n    //Check that the second section (modal body) has the correct text\n    expect(baseElement.querySelectorAll('section')?.[1].textContent).toEqual('Inner modal text');\n  });\n});\n"],"file":"Modal.test.js"}

package/dist/js/Modals/__tests__/Modal.test.js

@@ -1,231 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-require("jest-styled-components");
-
-var _ = require("..");
-
-var _2 = require("../..");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-describe('<ModalDialog />', function () {
-  var mountingDiv;
-  beforeEach(function () {
-    //being rendered as a React.Portal we need to have the 'root' div defined
-    mountingDiv = document.createElement('div');
-    mountingDiv.id = 'root';
-    document.body.appendChild(mountingDiv);
-  });
-  afterEach(function () {
-    document.body.removeChild(mountingDiv);
-  });
-  it('Check modal not rendered when isModalOpen is false', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var _render, container, getByText;
-
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: false,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            })), container = _render.container, getByText = _render.getByText; //check modal portal not exists when modal not opened
-
-            expect(container.querySelector('.ReactModalPortal')).toBeNull();
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('Check modal visible, title and footer buttons displayed correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-    var _render2, container, getByText;
-
-    return regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              buttons: [{
-                action: function action() {},
-                text: 'Close',
-                variant: 'tertiary'
-              }, {
-                action: function action() {},
-                text: 'Save'
-              }]
-            })), container = _render2.container, getByText = _render2.getByText; //check modal portal defined
-
-            expect(container.querySelector('.ReactModalPortal')).toBeDefined(); //Check header and footer buttons
-
-            expect(getByText('Header')).toBeDefined();
-            expect(getByText('Close')).toBeDefined();
-            expect(getByText('Save')).toBeDefined();
-
-          case 5:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })));
-  it('Check tooltip, and link displayed without right footer buttons', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-    var _render3, baseElement, getByText;
-
-    return regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              tooltip: 'some test tooltip',
-              leftFooterAction: {
-                id: 'test-link',
-                actionType: 'hyperlink',
-                text: 'Link',
-                href: 'http://test.com',
-                icon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null),
-                variant: 'default'
-              }
-            })), baseElement = _render3.baseElement, getByText = _render3.getByText; //check tooltip displayed
-
-            expect(getByText('some test tooltip').textContent).toBeDefined(); //check footer link displayed
-
-            expect(getByText('Link').children).toBeDefined();
-
-          case 3:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })));
-  it('Check note and footer note displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-    var _baseElement$querySel;
-
-    var _render4, baseElement, getByText;
-
-    return regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {},
-              leftFooterAction: {
-                id: 'test-note',
-                actionType: 'note',
-                text: 'Test note',
-                icon: /*#__PURE__*/_react.default.createElement(_2.SystemIcons.Information, null)
-              },
-              note: 'Message text',
-              state: 'critical'
-            })), baseElement = _render4.baseElement, getByText = _render4.getByText; //check footer note text displayed
-
-            expect(getByText('Test note').textContent).toBeDefined(); //check note section added
-
-            expect((_baseElement$querySel = baseElement.querySelectorAll('section')) === null || _baseElement$querySel === void 0 ? void 0 : _baseElement$querySel.length).toEqual(4); //check note message displayed
-
-            expect(getByText('Message text').children).toBeDefined();
-
-          case 4:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })));
-  it('Check back button and close icon displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-    var _baseElement$querySel2;
-
-    var _render5, baseElement, getByText, container;
-
-    return regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              backButton: function backButton() {},
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            })), baseElement = _render5.baseElement, getByText = _render5.getByText, container = _render5.container; //only 2 svg elements should be found in the header of the modal
-
-            expect((_baseElement$querySel2 = baseElement.querySelectorAll('svg')) === null || _baseElement$querySel2 === void 0 ? void 0 : _baseElement$querySel2.length).toEqual(2);
-
-          case 2:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  })));
-  it('Check modal body displayed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-    var _baseElement$querySel3, _baseElement$querySel4;
-
-    var _render6, baseElement, getByText, container;
-
-    return regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.ModalDialog, {
-              key: "smallModalWithoutImage",
-              closeModalAndClearInput: function closeModalAndClearInput() {},
-              title: 'Header',
-              size: _2.Size.Small,
-              isModalOpen: true,
-              closeAction: function closeAction() {},
-              submitAction: function submitAction() {}
-            }, /*#__PURE__*/_react.default.createElement("span", null, "Inner modal text"))), baseElement = _render6.baseElement, getByText = _render6.getByText, container = _render6.container; //Check all dialog sections are displayed
-
-            expect((_baseElement$querySel3 = baseElement.querySelectorAll('section')) === null || _baseElement$querySel3 === void 0 ? void 0 : _baseElement$querySel3.length).toEqual(3); //Check that the second section (modal body) has the correct text
-
-            expect((_baseElement$querySel4 = baseElement.querySelectorAll('section')) === null || _baseElement$querySel4 === void 0 ? void 0 : _baseElement$querySel4[1].textContent).toEqual('Inner modal text');
-
-          case 3:
-          case "end":
-            return _context6.stop();
-        }
-      }
-    }, _callee6);
-  })));
-});
-//# sourceMappingURL=Modal.test.js.map