@laerdal/life-react-components 6.0.0-dev.19.full → 6.0.0-dev.2.full

package/package.json

@@ -1,146 +1,143 @@
 {
-  "name": "@laerdal/life-react-components",
-  "version": "6.0.0-dev.19.full",
-  "private": false,
-  "author": "Erik Martirosyan <erik.martirosyan@laerdal.com>",
-  "contributors": [],
-  "description": "Laerdal LIFE component library for React.",
-  "keywords": [],
-  "license": "UNLICENSED",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Laerdal-Medical/dcs-life-react-js"
-  },
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "sideEffects": false,
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "bump": "yarn version --patch",
-    "build": "yarn build:babel:esm && yarn build:babel:cjs && tsc --emitDeclarationOnly --declaration --declarationDir dist && node scripts/copyTS.cjs",
-    "build:babel:esm": "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js --copy-files",
-    "build:babel:cjs": "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs --copy-files",
-    "clean": "rimraf dist",
-    "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose",
-    "test": "jest src/",
-    "test:coverage": "jest --collectCoverage src/",
-    "test-watch": "jest --watch",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "plugin:storybook/recommended"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "omlet": {
-    "exports": {
-      ".": "src/index.ts"
-    }
-  },
-  "dependencies": {
-    "@laerdal-medical/life-design-tokens": "^1.2.0-beta",
-    "@laerdal/figma-svg": "^5.2.2",
-    "@types/node": "^18.0.6",
-    "animated-scroll-to": "^2.3.0",
-    "dayjs": "^1.11.5",
-    "nanoid": "3.3.11",
-    "react": "^19.0.0",
-    "react-datepicker": "^8.4.0",
-    "react-dom": "^19.0.0",
-    "react-inlinesvg": "^4.2.0",
-    "react-modal": "^3.16.0",
-    "react-quill": "^2.0.0",
-    "react-resize-detector": "^11.0.1",
-    "rooks": "^7.1.1",
-    "styled-components": "^6.1.13",
-    "typescript": "^5.1.2"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.22.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-decorators": "^7.27.1",
-    "@babel/plugin-proposal-export-default-from": "^7.22.0",
-    "@babel/plugin-proposal-numeric-separator": "^7.18.6",
-    "@babel/plugin-proposal-object-rest-spread": "^7.18.6",
-    "@babel/plugin-transform-runtime": "^7.22.0",
-    "@babel/preset-env": "^7.22.0",
-    "@babel/preset-react": "^7.22.0",
-    "@babel/preset-typescript": "^7.27.0",
-    "@babel/runtime": "^7.22.0",
-    "@chromatic-com/storybook": "1.4.0",
-    "@laerdal/navigation": "^3.2.0",
-    "@storybook/addon-essentials": "^8.1.3",
-    "@storybook/addon-interactions": "^8.1.3",
-    "@storybook/addon-links": "^8.1.3",
-    "@storybook/addon-onboarding": "^8.1.3",
-    "@storybook/addon-webpack5-compiler-swc": "1.0.2",
-    "@storybook/addons": "^7.6.17",
-    "@storybook/blocks": "^8.1.3",
-    "@storybook/react": "^8.1.3",
-    "@storybook/react-webpack5": "^8.1.3",
-    "@storybook/test": "^8.1.3",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^19.1.2",
-    "@types/react-datepicker": "^4.4.2",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-modal": "^3.13.1",
-    "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-plugin-typescript-to-proptypes": "^2.0.0",
-    "concurrently": "^5.2.0",
-    "cross-env": "^7.0.3",
-    "css-loader": "^7.1.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "history": "^5.3.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-styled-components": "^7.2.0",
-    "jest-svg-transformer": "^1.0.0",
-    "react-router": "^6.0.0",
-    "react-share": "^5.1.0",
-    "regenerator-runtime": "^0.13.9",
-    "storybook": "^8.1.3",
-    "style-loader": "^4.0.0",
-    "ts-jest": "^29.2.5",
-    "webpack": "^5.99.9",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.1"
-  },
-  "peerDependencies": {
-    "@babel/core": "^7.0.0",
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "resolutions": {
-    "nwsapi": "2.2.9",
-    "date-fns": "2.24.0",
-    "@types/react": "19.1.2"
-  }
+    "name":  "@laerdal/life-react-components",
+    "version":  "6.0.0-dev.2.full",
+    "private":  false,
+    "author":  "Erik Martirosyan \u003cerik.martirosyan@laerdal.com\u003e",
+    "contributors":  [
+
+                     ],
+    "description":  "Laerdal LIFE component library for React.",
+    "keywords":  [
+
+                 ],
+    "license":  "UNLICENSED",
+    "repository":  {
+                       "type":  "git",
+                       "url":  "https://github.com/Laerdal-Medical/dcs-life-react-js"
+                   },
+    "main":  "dist/index.cjs",
+    "module":  "dist/index.js",
+    "types":  "dist/index.d.ts",
+    "exports":  {
+                    ".":  {
+                              "require":  "./dist/index.cjs",
+                              "import":  "./dist/index.js",
+                              "types":  "./dist/index.d.ts"
+                          }
+                },
+    "sideEffects":  false,
+    "files":  [
+                  "dist"
+              ],
+    "scripts":  {
+                    "bump":  "yarn version --patch",
+                    "build":  "yarn build:babel:esm \u0026\u0026 yarn build:babel:cjs \u0026\u0026 tsc --emitDeclarationOnly --declaration --declarationDir dist \u0026\u0026 node scripts/copyTS.cjs",
+                    "build:babel:esm":  "cross-env BABEL_ENV=esm babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .js",
+                    "build:babel:cjs":  "cross-env BABEL_ENV=cjs babel --source-maps --extensions \".js,.ts,.tsx\" src --out-dir dist --out-file-extension .cjs",
+                    "clean":  "rimraf dist",
+                    "develop":  "yarn build:babel:esm --skip-initial-build --watch --verbose",
+                    "test":  "jest src/",
+                    "test:coverage":  "jest --collectCoverage src/",
+                    "test-watch":  "jest --watch",
+                    "storybook":  "storybook dev -p 6006",
+                    "build-storybook":  "storybook build"
+                },
+    "eslintConfig":  {
+                         "extends":  [
+                                         "react-app",
+                                         "plugin:storybook/recommended"
+                                     ]
+                     },
+    "browserslist":  {
+                         "production":  [
+                                            "\u003e0.2%",
+                                            "not dead",
+                                            "not op_mini all"
+                                        ],
+                         "development":  [
+                                             "last 1 chrome version",
+                                             "last 1 firefox version",
+                                             "last 1 safari version"
+                                         ]
+                     },
+    "omlet":  {
+                  "exports":  {
+                                  ".":  "src/index.ts"
+                              }
+              },
+    "dependencies":  {
+                         "@laerdal/figma-svg":  "^5.2.2",
+                         "@types/node":  "^18.0.6",
+                         "animated-scroll-to":  "^2.3.0",
+                         "dayjs":  "^1.11.5",
+                         "nanoid":  "3.3.11",
+                         "react":  "^19.0.0",
+                         "react-datepicker":  "^8.2.1",
+                         "react-dom":  "^19.0.0",
+                         "react-inlinesvg":  "^4.2.0",
+                         "react-modal":  "^3.16.0",
+                         "react-quill":  "^2.0.0",
+                         "react-resize-detector":  "^11.0.1",
+                         "rooks":  "^7.1.1",
+                         "styled-components":  "^6.1.13",
+                         "typescript":  "^5.1.2"
+                     },
+    "devDependencies":  {
+                            "@babel/cli":  "^7.22.0",
+                            "@babel/plugin-proposal-class-properties":  "^7.18.6",
+                            "@babel/plugin-proposal-export-default-from":  "^7.22.0",
+                            "@babel/plugin-proposal-numeric-separator":  "^7.18.6",
+                            "@babel/plugin-proposal-object-rest-spread":  "^7.18.6",
+                            "@babel/plugin-transform-runtime":  "^7.22.0",
+                            "@babel/preset-env":  "^7.22.0",
+                            "@babel/preset-react":  "^7.22.0",
+                            "@babel/preset-typescript":  "^7.27.0",
+                            "@babel/runtime":  "^7.22.0",
+                            "@chromatic-com/storybook":  "1.4.0",
+                            "@laerdal/navigation":  "^3.2.0",
+                            "@storybook/addon-essentials":  "^8.1.3",
+                            "@storybook/addon-interactions":  "^8.1.3",
+                            "@storybook/addon-links":  "^8.1.3",
+                            "@storybook/addon-onboarding":  "^8.1.3",
+                            "@storybook/addon-webpack5-compiler-swc":  "1.0.2",
+                            "@storybook/addons":  "^7.6.17",
+                            "@storybook/blocks":  "^8.1.3",
+                            "@storybook/react":  "^8.1.3",
+                            "@storybook/react-webpack5":  "^8.1.3",
+                            "@storybook/test":  "^8.1.3",
+                            "@testing-library/dom":  "^10.4.0",
+                            "@testing-library/jest-dom":  "^6.5.0",
+                            "@testing-library/react":  "^16.0.1",
+                            "@testing-library/user-event":  "^14.5.2",
+                            "@types/jest":  "^29.5.12",
+                            "@types/react":  "^19.1.2",
+                            "@types/react-datepicker":  "^4.4.2",
+                            "@types/react-dom":  "^18.3.0",
+                            "@types/react-modal":  "^3.13.1",
+                            "babel-plugin-inline-react-svg":  "^2.0.1",
+                            "babel-plugin-typescript-to-proptypes":  "^2.0.0",
+                            "concurrently":  "^5.2.0",
+                            "cross-env":  "^7.0.3",
+                            "eslint-plugin-storybook":  "^0.8.0",
+                            "history":  "^5.3.0",
+                            "jest":  "^29.7.0",
+                            "jest-environment-jsdom":  "^29.7.0",
+                            "jest-styled-components":  "^7.2.0",
+                            "jest-svg-transformer":  "^1.0.0",
+                            "react-router":  "^6.0.0",
+                            "react-share":  "^5.1.0",
+                            "regenerator-runtime":  "^0.13.9",
+                            "storybook":  "^8.1.3",
+                            "ts-jest":  "^29.2.5"
+                        },
+    "peerDependencies":  {
+                             "@babel/core":  "^7.0.0",
+                             "react":  "^19",
+                             "react-dom":  "^19"
+                         },
+    "resolutions":  {
+                        "nwsapi":  "2.2.9",
+                        "date-fns":  "2.24.0",
+                        "@types/react":  "19.1.2"
+                    }
 }

package/dist/Accordion/__tests__/AccordionMenu.test.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-import AccordionMenu from '../AccordionMenu';
-
-const accordionItems = [
-  {
-    id: 'test1_id',
-    title: 'Item label with text 1',
-    children: <div>content test1</div>,
-  },
-  {
-    id: 'test2_id',
-    title: 'Item label with text 2',
-    children: <div>content test2</div>,
-  },
-];
-
-describe('<AccordionMenu />', () => {
-  it('Check correct text placed on labels', async () => {
-    const { queryByText } = render(<AccordionMenu items={accordionItems} onSelect={() => {}}></AccordionMenu>);
-    expect(queryByText('Item label with text 1')).toBeDefined();
-    expect(queryByText('Item label with text 2')).toBeDefined();
-    expect(queryByText('content test1')).toBeNull();
-  });
-
-  it('Check item label element color and label', async () => {
-    const { container } = render(<AccordionMenu items={accordionItems} onSelect={() => {}}></AccordionMenu>);
-    const headerItem = container.querySelector('#test2_id');
-    expect(headerItem).toBeDefined();
-    expect(headerItem?.textContent).toContain('Item label with text 2');
-  });
-
-  it('Check expanded item text', async () => {
-    const { container } = render(<AccordionMenu items={accordionItems} onSelect={() => {}} selectedItems={['test1_id']}></AccordionMenu>);
-    const headerItem = container.querySelector('#test1_id');
-    //check item expanded
-    expect(headerItem?.children[1]).toBeDefined();
-    expect(headerItem?.children[1]?.textContent).toContain('content test1');
-  });
-});

package/dist/Accordion/__tests__/ContentAccordion.test.tsx

@@ -1,150 +0,0 @@
-import React from 'react';
-import ContentAccordion, {
-  ContentAccordionItem,
-  ContentAccordionItemContentBody, ContentAccordionItemContentFooter,
-  ContentAccordionItemContentHeader, ContentAccordionItemHeader, ContentAccordionWrapper
-} from '../ContentAccordion';
-import {fireEvent, render} from '../../test-utils';
-import {Size} from '../../types';
-
-describe('ContentAccordion', () => {
-  const contentAccordionItemsWithBody = [
-    {
-      id: '1',
-      title: 'Item 1',
-      body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
-    },
-    {
-      id: '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
-    },
-    {
-      id: '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
-    },
-    {
-      id: '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 = [
-    {
-      id: '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: <span/>,
-    },
-    {
-      id: '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: <span/>,
-    },
-    {
-      id: '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: <span/>,
-      disabled: true
-    },
-    {
-      id: '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: <span/>,
-    }
-  ];
-
-  it('should render items in correct state', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.disabled`).length).toBe(1);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.disabled`)[0].id).toBe('item_3');
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`).length).toBe(1);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`)[0].id).toBe('item_2');
-  });
-
-  it('should not render header if not provided', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentBody}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentHeader}`).length).toBe(0);
-  });
-
-  it('should not render footer if not provided', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody}/>);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentBody}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentFooter}`).length).toBe(0);
-  });
-
-  it('should render body, header, and footer if all are provided', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}/>);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentBody}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentHeader}`).length).toBe(4);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItemContentFooter}`).length).toBe(4);
-  });
-
-  it('should set correct size class name for small accordion', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}
-                                             size={Size.Small}/>);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionWrapper}.small`).length).toBe(1);
-  });
-
-  it('should set correct size class name for medium accordion', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}
-                                             size={Size.Medium}/>);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionWrapper}.medium`).length).toBe(1);
-  });
-
-  it('should set correct size class name for large accordion', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBodyAndHeaderAndFooter}
-                                             size={Size.Large}/>);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionWrapper}.large`).length).toBe(1);
-  });
-
-  it('should change active state when item header is clicked', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);
-    const itemHeader = wrapper.container.querySelectorAll(`${ContentAccordionItemHeader}`)[3];
-
-    fireEvent.click(itemHeader);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`).length).toBe(1);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`)[0].id).toBe('item_4');
-  });
-
-  it('should not change active state when disabled item header is clicked', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={false}/>);
-    const itemHeader = wrapper.container.querySelectorAll(`${ContentAccordionItemHeader}`)[2];
-
-    fireEvent.click(itemHeader);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`).length).toBe(1);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`)[0].id).toBe('item_2');
-  });
-
-  it('should append active items if multi property is true', () => {
-    const wrapper = render(<ContentAccordion items={contentAccordionItemsWithBody} multi={true}/>);
-    const itemHeader = wrapper.container.querySelectorAll(`${ContentAccordionItemHeader}`)[3];
-
-    fireEvent.click(itemHeader);
-
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`).length).toBe(2);
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`)[0].id).toBe('item_2');
-    expect(wrapper.container.querySelectorAll(`${ContentAccordionItem}.active`)[1].id).toBe('item_4');
-  });
-
-});

package/dist/AuthPage/__tests__/AuthPage.test.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import '@testing-library/jest-dom';
-import { AuthPage, Size, SystemIcons } from '../..';
-import 'jest-styled-components';
-
-
-
-
-describe('<AuthPage />', () => {
-  it('Renders AuthPage component', async () => {
-    const { getByText, container, getByTestId } = render(
-      <AuthPage
-        screenSetsContainerId="gigya_test"
-        panel={{
-          title: 'Sign in header',
-          content: 'Sign in information',
-        }}
-      />,
-    );
-    //expect gygia container displayed
-    expect(container.querySelector('[id="gigya_test"]')).toBeTruthy();
-    //expect sign in header and info text displayed
-    expect(getByText('Sign in header')).toBeTruthy();
-    expect(getByText('Sign in information')).toBeTruthy();
-  });
-});

package/dist/Banners/__tests__/Banner.test.tsx

@@ -1,47 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import { Banner } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-
-
-
-
-describe('<Banner />', () => {
-  it('Renders warning banner', async () => {
-    const { queryByText, getByTestId } = render(
-      <Banner type="warning" testId="TestBanner">
-        <h2>TestBanner</h2>
-      </Banner>,
-    );
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_warning);
-  });
-  it('Renders critial banner', async () => {
-    const { queryByText, getByTestId } = render(
-      <Banner type="critical" testId="TestBanner">
-        <h2>TestBanner</h2>
-      </Banner>,
-    );
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_critical);
-  });
-  it('Renders positive banner', async () => {
-    const { queryByText, getByTestId } = render(
-      <Banner type="positive" testId="TestBanner">
-        <h2>TestBanner</h2>
-      </Banner>,
-    );
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_positive);
-  });
-  it('Renders default banner', async () => {
-    const { queryByText, getByTestId } = render(
-      <Banner testId="TestBanner">
-        <h2>TestBanner</h2>
-      </Banner>,
-    );
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background', COLORS.bg_surface_primary);
-  });
-});

package/dist/Banners/__tests__/OverviewBanner.test.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import { OverviewBanner } from '../index';
-import 'jest-styled-components';
-import { COLORS } from '../../styles';
-
-
-
-
-describe('<OverviewBanner />', () => {
-  it('Renders', async () => {
-    const { queryByText, getByTestId } = render(
-      <OverviewBanner testId="TestBanner">
-        <h2>TestHeader</h2>
-      </OverviewBanner>,
-    );
-    expect(queryByText('TestHeader')).toBeDefined();
-    expect(getByTestId('TestBanner')).toHaveStyleRule('background-color', COLORS.primary_20);
-  });
-});