@laerdal/life-react-components 3.5.1-dev.11 → 3.5.1-dev.13

package/dist/Dropdown/BasicDropdown.d.ts

@@ -2,38 +2,114 @@ import * as React from 'react';
 import { DropdownItem } from './DropdownContent';
 import { Size, Testable } from '../types';
 export interface BasicDropdownCommonProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'placeholder' | 'tabIndex' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {
+    /**
+    * Required. An array of DropdownItem objects representing the items in the dropdown.
+    */
     list: DropdownItem[];
+    /**
+    * Optional. The type of the items in the dropdown. Can be 'normal', 'checkbox', or 'radio'.
+    */
     itemsType?: 'normal' | 'checkbox' | 'radio';
+    /**
+    * Optional. A function to be called when the action button in the dropdown is clicked.
+    */
     action?: () => void;
+    /**
+    * Optional. The label for the action button in the dropdown.
+    */
     actionLabel?: string;
+    /**
+    * Optional. The variant of the action button in the dropdown. Can be 'primary', 'secondary', 'tertiary', or undefined.
+    */
     actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;
+    /**
+    * Optional. The icon for the action button in the dropdown.
+    */
     actionIcon?: React.ReactNode;
+    /**
+    * Optional. A boolean indicating whether the action button in the dropdown is loading.
+    */
     actionLoading?: boolean;
+    /**
+    * Optional. A boolean indicating whether the action button in the dropdown is disabled.
+    */
     actionDisabled?: boolean;
+    /**
+    * Optional. A boolean indicating whether the top item in the dropdown should be pinned.
+    */
     pinTopItem?: boolean;
+    /**
+    * Optional. A boolean indicating whether the dropdown content is scrollable.
+    */
     scrollable?: boolean;
+    /**
+    * Optional. The maximum height of the dropdown.
+    */
     maxHeight?: string;
     placeholder?: string;
+    /**
+    * Optional. A boolean indicating whether sorting is disabled in the dropdown.
+    */
     disableSorting?: boolean;
+    /**
+     * Optional. The message to be displayed when there are no results in the dropdown.
+     */
     messageOnNoResults?: string;
+    /**
+    * Optional. A boolean indicating whether the dropdown is disabled.
+    */
     disabled?: boolean;
+    /**
+     * Optional. A boolean indicating whether the dropdown is read-only.
+     */
     readOnly?: boolean;
+    /**
+     * Optional. A boolean indicating whether the dropdown is a button.
+     */
     isButton?: boolean;
+    /**
+     * Optional. The validation message to be displayed when the dropdown is active.
+     */
     activeValidationMessage?: string;
+    /**
+     * Optional. The message to be displayed when the dropdown is autofilled.
+     */
     autofilledMessage?: string;
+    /**
+     * Optional. The size of the dropdown. Can be 'Small' or 'Medium'.
+     */
     size?: Size.Small | Size.Medium;
+    /**
+     * Optional. The margin of the dropdown. Can be any valid CSS margin value.
+     */
     margin?: string;
+    /**
+     * Optional. The minimum width of the dropdown.
+     */
     minWidth?: string;
+    /**
+     * Optional. The text overflow behavior of the dropdown. Can be 'ellipsis' or 'default'.
+     */
     textOverflow?: 'ellipsis' | 'default';
+    /**
+   * Optional. The position of the tooltip when dropdown is closed. Can be 'top' or 'bottom'.
+   */
+    overflowTooltipPosition?: 'top' | 'bottom';
 }
 export type BasicDropdownMultiSelectProps = BasicDropdownCommonProps & {
+    /** Required. If this flag is set then user can select multiple items. */
     multiSelect: true;
+    /** Required. Selected items. */
     value?: string[];
+    /** Required. Callback handler to call when user selects one of the items. Provides all selected items after last change. */
     onSelect: (value: string[]) => void;
 };
 export type BasucDropdownSingleSelectProps = BasicDropdownCommonProps & {
+    /** Required. If this flag is set then user can select multiple items. */
     multiSelect?: false;
+    /** Required. Selected item. */
     value?: string;
+    /** Required. Callback handler to call when user selects one of the items. Provides value of selected item. */
     onSelect: (value: string) => void;
 };
 export type BasicDropdownProps = BasucDropdownSingleSelectProps | BasicDropdownMultiSelectProps;

package/dist/Dropdown/CommonStyling.d.ts

@@ -13,7 +13,6 @@ export declare const DropdownInputFieldStyles: import("styled-components").Style
     readOnly: boolean;
     showValidationMessage?: boolean | undefined;
     isPlaceholder?: boolean | undefined;
-    fontSize?: string | undefined;
     minWidth?: string | undefined;
 }, never>;
 export declare const DropdownContentButtonStyling: import("styled-components").FlattenSimpleInterpolation;

package/dist/Dropdown/DropdownButtonTypes.d.ts

@@ -3,35 +3,62 @@ import { Size, Testable } from '../types';
 import { DropdownItem } from './DropdownContent';
 import { TooltipProps } from "../Tooltips/TooltipTypes";
 export interface DropdownButtonBaseProps extends Testable {
+    /** Optional. Id of the top level component, button or text wrapper, depending on 'type'. */
     id?: string;
+    /** Required. Array of items to be shown in the dropdown. */
     items: DropdownItem[];
+    /** Optional. Currently selected items. */
     value?: string[];
+    /** Optional. Handler to be called, provides array of values of currently selected items. */
     onClick: (value: string[]) => void;
+    /** Optional. If disabled user can not interact with the button. */
     disabled?: boolean;
-    size?: Size;
+    /** Optional. Size of the items in the dropdown content, does not affect button itself. */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Optional. Type of the items to be shown in the dropdown. */
     itemsType?: 'normal' | 'radio' | 'checkbox';
+    /** Optional. Handler of the extra action item to be shown in the dropdown content. */
     action?: () => void;
+    /** Optional. Label of the extra action item to be shown in the dropdown content. */
     actionLabel?: string;
+    /** Optional. Icon of the extra action item to be shown in the dropdown content. */
     actionIcon?: React.ReactNode;
+    /** Optional. Loading state of the extra action item to be shown in the dropdown content. */
     actionLoading?: boolean;
+    /** Optional. Button variant of the extra action item in the dropdown contnet. */
     actionVariant?: 'primary' | 'secondary' | 'tertiary' | undefined;
+    /** Optional. If set, then user can select multiple items in the dropdown. */
     multiSelect?: boolean;
+    /** Optional. If set, then dropdown content is scrollable. */
     scrollable?: boolean;
+    /** Optional. Maximum height of the dropdown content container. */
     maxHeight?: string;
+    /** Optional. If this flag is set, multiselect flag is set and checkbox or radio item types are used, then
+     *  will show extra item in the top that will allow to 'Select all' items. */
     pinTopItem?: boolean;
+    /** Optional. Custom classname to set on the top level container of the component */
     className?: string;
+    /** Optional. Icon of the component, is required if type 'icon' is used. */
     icon?: React.ReactNode;
+    /** Optional. Sets width of the dropdown container. */
     width?: string;
+    /** Optional. If set, then dropdown content will be aligned with the left edge of the button, otherwise with the right edge. */
     alignLeft?: boolean;
 }
 export type IconDropdownButtonProps = DropdownButtonBaseProps & {
+    /** Icon type of the dropdown button. */
     type: 'icon';
+    /** Required. Icon to be shown with the component. */
     icon: React.ReactNode;
+    /** Optional. Tooltip to be shown with the component. */
     tooltip?: TooltipProps;
 };
 export type TextDropdownButtonProps = DropdownButtonBaseProps & {
+    /** Text drodown button type. */
     type: 'text';
+    /** Optional. Label to be shown with the dropdown button if none of the items in the dropdown is selected. */
     label?: string;
+    /** Optional. If set to true, then 'label' will be shown even if user selects items in the dropdown. */
     keepLabel?: boolean;
 };
 export type DropdownButtonProps = IconDropdownButtonProps | TextDropdownButtonProps;

package/dist/Dropdown/DropdownContent.d.ts

@@ -19,14 +19,23 @@ export declare const DropdownContentListContainer: import("styled-components").S
     outline?: boolean | undefined;
 }, never>;
 export interface DropdownItem {
+    /** Required. Value of the DropdownItem. */
     value: string;
+    /** Optional. Display label to show in the MenuItem. If not provided then 'value' will be used as label. */
     displayLabel?: string;
+    /** Optional. Note label to be shown under the Display label in the MenuItem. */
     noteLabel?: string;
+    /**  */
     suggestion?: boolean;
+    /** Optional. Show dividing line on the top of the item. */
     showDividerAbove?: boolean;
+    /** Optional. If disabled user can not interact with the item. */
     disabled?: boolean;
+    /** Optional. If item is locked then user can not interact with the item and 'lock' icon is shown on the right side of the item. */
     locked?: boolean;
+    /** Optional. Icon to be shown on the left side of the menu item */
     icon?: React.ReactNode;
+    /**  */
     customContent?: React.ReactNode;
 }
 export interface DropdownCustomizationProps {
@@ -51,7 +60,7 @@ export interface DropdownProps {
     alignLeft?: boolean;
     isOpen: boolean;
     setIsOpen: (open: boolean) => void;
-    size?: Size;
+    size?: Size.Small | Size.Medium | Size.Large;
     id: string;
     filter: string;
     width?: string;

package/dist/Dropdown/DropdownFilter.d.ts

@@ -2,22 +2,39 @@ import * as React from 'react';
 import { DropdownItem } from './DropdownContent';
 import { Size, Testable } from '../types';
 export interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {
+    /** Required. List of items to show in the dropdown. */
     list: DropdownItem[];
+    /** Optional. Placeholder text to show when there is no input and no item was selected */
     placeholder?: string;
+    /** Optional. Currently selected item */
     value?: string;
+    /** Optional. Handler to be called when user selects one of the items. */
     onSelect?: (value: string) => void;
+    /** Optional. Handler to be called when user changes text in the input. */
     onInputChange?: (input: string) => void;
+    /** Optional. If set, then HTML 'required' attribute will be set for the input field */
     required?: boolean;
+    /** Optional. If set, then user will not be able to interact with the input field */
     disabled?: boolean;
+    /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */
     readOnly?: boolean;
+    /** Optional. If set, then loading indicator will be shown in the input field. */
     loading?: boolean;
+    /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */
     disableFiltering?: boolean;
+    /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */
     messageOnNoResults?: string;
+    /** Optional. Validation error message to be shown under the input field. */
     activeValidationMessage?: string;
+    /** Optional. Informal message to show under the input field. */
     autofilledMessage?: string;
+    /** Optional. Size of the input field */
     size?: Size.Small | Size.Medium;
-    buttonFontSize?: string;
+    /** Optional. Position of the tooltip to show when input is overflowing the input field. */
+    overflowTooltipPosition?: 'top' | 'bottom';
+    /** Optional. Margin of the dropdown container items */
     margin?: string;
+    /** Optional. Sets if dropdown container is scrollable */
     scrollable?: boolean;
 }
 declare const DropdownFilter: React.ForwardRefExoticComponent<DropdownFilterProps & React.RefAttributes<unknown>>;

package/dist/Footer/Components/FooterBottomLinks.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface Link {
     label: string;
     to: string;
@@ -8,5 +8,5 @@ interface FooterLinkProps {
     bottomLinks?: Link[];
     copyrightText?: string;
 }
-declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => JSX.Element;
+declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => React.JSX.Element;
 export default FooterBottomLinks;

package/dist/Footer/Components/FooterDropdownLinks.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NavSection } from '../../types';
 interface FooterNavSectionProps {
     navSection: NavSection;
     width: number;
 }
-declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => JSX.Element;
+declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => React.JSX.Element;
 export default FooterDropdownLinks;

package/dist/Footer/Components/FooterNavSection.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NavOptions } from '../../types';
 interface FooterNavSectionProps {
     navOptions: NavOptions;
     mainId: string;
 }
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => JSX.Element;
+declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => React.JSX.Element;
 export default FooterNavSection;

package/dist/Footer/Components/FooterNewsletterAndSocialSection.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface FooterNewsletterAndSocialSection {
     actionOnNewsletterSignup?: (email: string) => void;
     newsletterLabel: string;
     placeholderEmail?: string;
 }
-declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => JSX.Element;
+declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => React.JSX.Element;
 export default FooterNewsletterAndSocialSection;

package/dist/Footer/Components/FooterTop.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface FooterTopProps {
     sitename?: string;
     showBetaTag?: boolean;
     toTopText: string;
 }
-declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => JSX.Element;
+declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => React.JSX.Element;
 export default FooterTop;

package/dist/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Footer: ({ children }: any) => JSX.Element;
+import * as React from 'react';
+declare const Footer: ({ children }: any) => React.JSX.Element;
 export default Footer;

package/dist/Footer/SiteFooter.d.ts

@@ -22,5 +22,5 @@ interface NewFooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {
     useMaxWidth?: boolean;
     maxWidth?: number;
 }
-declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => JSX.Element;
+declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => React.JSX.Element;
 export default SiteFooter;

package/dist/GlobalNavigationBar/__tests__/GlobalNavigationBar.tests.js

@@ -0,0 +1,299 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import * as React from 'react';
+import { render } from '@testing-library/react';
+import GlobalNavigationBar from '../GlobalNavigationBar';
+import { createMemoryHistory } from 'history';
+import { SystemIcons } from '../../icons';
+import { Router } from 'react-router-dom';
+jest.mock('rooks', function () { return (__assign(__assign({}, jest.requireActual('rooks')), { useDimensionsRef: function () { return []; }, useMediaMatch: function () { return true; } })); });
+jest.mock('react-router-dom', function () { return (__assign(__assign({}, jest.requireActual('react-router-dom')), { useLocation: function () { return 'location'; } })); });
+jest.mock('react-router', function () { return (__assign(__assign({}, jest.requireActual('react-router')), { useHistory: function () { return ({ push: jest.fn() }); } })); });
+describe('GlobalNavigationBar', function () {
+    var mainNavigationOptions = [
+        {
+            label: 'Overview',
+            to: '/',
+            exact: true,
+            onClick: function () {
+                console.log('Clicked on overview page');
+            },
+        },
+        {
+            label: 'Services',
+            to: '/services',
+        },
+        {
+            label: 'Products',
+            to: '/products',
+        },
+    ];
+    var secondaryNavigationOptions = [
+        {
+            label: 'Pinned Tab',
+            to: 'pinned',
+            pinned: true
+        },
+    ];
+    var headerActions = [
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('search');
+            },
+            icon: React.createElement(SystemIcons.Search, null),
+        },
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('notifications');
+            },
+            icon: React.createElement(SystemIcons.Notification, null),
+        },
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('language');
+            },
+            icon: React.createElement(SystemIcons.Language, null),
+        },
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('settings');
+            },
+            icon: React.createElement(SystemIcons.GearSettings, null),
+        },
+        {
+            type: 'profile',
+        },
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('shop');
+            },
+            icon: React.createElement(SystemIcons.ShoppingCart, null),
+        },
+        {
+            type: 'switcher',
+            action: function (e) {
+                // @ts-ignore
+                window.portalNav.toggle();
+                console.log('switcher');
+            },
+        }
+    ];
+    var notifications = [
+        {
+            label: 'First',
+            note: 'This is a note',
+            to: '/n7',
+        },
+        {
+            label: 'Second',
+            note: 'This is a note',
+            to: '/n6',
+        },
+        {
+            label: 'Third',
+            note: 'This is a note',
+            to: '/n5',
+        },
+        {
+            label: 'Fourth',
+            note: 'This is a note',
+            to: '/n4',
+        },
+        {
+            label: 'Fifth',
+            note: 'This is a note',
+            to: '/n3',
+        },
+        {
+            label: 'Sixth',
+            note: 'This is a note',
+            to: '/n2',
+        },
+        {
+            label: 'Seventh',
+            note: 'This is a note',
+            to: '/n1',
+        },
+    ];
+    var mobileActions = [
+        {
+            type: 'submenu',
+            menu: {
+                type: 'custom',
+                label: 'Search',
+                custom: function () { return 'custom'; }
+            },
+            icon: React.createElement(SystemIcons.Search, null),
+        },
+        {
+            type: 'submenu',
+            menu: {
+                type: 'group',
+                label: 'Notifications',
+                items: notifications
+            },
+            icon: React.createElement(SystemIcons.Notification, null),
+        },
+        {
+            type: 'action',
+            action: function (e) {
+                console.log('language');
+                return true;
+            },
+            icon: React.createElement(SystemIcons.Language, null),
+        },
+        {
+            type: 'profile',
+            placement: 'left'
+        },
+        {
+            type: 'switcher',
+            action: function (e) {
+                // @ts-ignore
+                window.portalNav.toggle();
+                console.log('switcher');
+            },
+        }
+    ];
+    var mobileStickyNav = [
+        {
+            label: 'Help',
+            to: '/help',
+            pinned: true,
+            icon: React.createElement(SystemIcons.Help, null),
+        },
+        {
+            label: 'Support',
+            to: '/support',
+            pinned: true,
+            icon: React.createElement(SystemIcons.Support, null),
+        },
+    ];
+    var accountSection = [
+        { label: 'My Account', to: '/account/myaccount', icon: React.createElement(SystemIcons.User, null), external: false },
+        { label: 'Language & Region', to: '/account/language', icon: React.createElement(SystemIcons.Language, null), external: false },
+        { label: 'Settings', to: '/account/settings', icon: React.createElement(SystemIcons.GearSettings, null), external: false },
+    ];
+    var organizationSection = [
+        {
+            label: 'Organization details',
+            to: '/organization/myorganization',
+            icon: React.createElement(SystemIcons.Institute, null),
+            external: false
+        },
+        { label: 'People', to: '/organization/user-management', icon: React.createElement(SystemIcons.Team, null), external: false },
+    ];
+    var supportSection = [
+        {
+            label: 'Help',
+            to: 'https://laerdal.force.com/HelpCenter',
+            icon: React.createElement(SystemIcons.Help, null),
+            external: true,
+            pinned: true
+        },
+        {
+            label: 'Support',
+            to: 'https://www.laerdal.com/support/',
+            icon: React.createElement(SystemIcons.Support, null),
+            external: true,
+            pinned: true
+        },
+    ];
+    var mobileNavigationSubGroup = {
+        type: 'group',
+        items: __spreadArray(__spreadArray([], organizationSection, true), supportSection, true),
+        note: 'This is a note',
+        header: {
+            header: 'Title',
+            note: 'Note Text'
+        },
+        footer: {
+            header: 'Title',
+            note: 'Note text',
+            link: {
+                label: 'Link text',
+                href: '#',
+                external: false
+            }
+        },
+        action: {
+            label: 'Sign out',
+            action: function () {
+                console.log('Sign out');
+            },
+            icon: React.createElement(SystemIcons.Logout, null)
+        },
+        label: 'Organization',
+        icon: React.createElement(SystemIcons.Institute, null),
+    };
+    it('should render', function () {
+        var history = createMemoryHistory();
+        var wrapper = render(React.createElement(Router, { navigator: history, location: "/" },
+            React.createElement(GlobalNavigationBar, { name: "Home", logo: {
+                    showBetaTag: true,
+                    to: '/main'
+                }, desktop: {
+                    buttons: headerActions,
+                    items: __spreadArray([], mainNavigationOptions, true),
+                }, profile: {
+                    label: 'Account',
+                    user: {
+                        firstName: 'John',
+                        lastName: 'Doe',
+                        email: 'email@email.com',
+                        link: {
+                            label: 'Manage your account',
+                            icon: React.createElement(SystemIcons.OpenNewWindow, null),
+                            href: '/account/myaccount',
+                        }
+                    },
+                    signOut: {
+                        label: 'Sign out',
+                        action: function () {
+                            console.log('Sign out');
+                        },
+                    },
+                    sections: [{
+                            items: __spreadArray([], accountSection, true),
+                        },
+                        {
+                            label: 'Laerdal Medical AS',
+                            items: __spreadArray([], organizationSection, true),
+                        },
+                        {
+                            items: __spreadArray([], supportSection, true),
+                            pinned: true,
+                        }]
+                }, mobile: {
+                    buttons: mobileActions,
+                    items: __spreadArray(__spreadArray(__spreadArray([], mainNavigationOptions, true), [mobileNavigationSubGroup], false), mobileStickyNav, true),
+                }, isAuthenticated: true })));
+        expect(wrapper.getByText('Home')).toBeDefined();
+        __spreadArray([], mainNavigationOptions, true).forEach(function (item) {
+            expect(wrapper.findByText(item.label)).toBeDefined();
+        });
+    });
+});

package/dist/GlobalNavigationBar/__tests__/Logo.tests.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { act, fireEvent, render } from '@testing-library/react';
+import Logo from '../Logo';
+import { MemoryRouter } from 'react-router';
+describe('Logo', function () {
+    it('should render Laerdal logo', function () {
+        var wrapper = render(React.createElement(MemoryRouter, null,
+            React.createElement(Logo, { name: 'name' })));
+        expect(wrapper.getByText('name')).toBeDefined();
+        expect(wrapper.getByText('Laerdal logo')).toBeDefined();
+    });
+    it('should render beta tag', function () {
+        var wrapper = render(React.createElement(MemoryRouter, null,
+            React.createElement(Logo, { name: 'name', showBetaTag: true })));
+        expect(wrapper.getByText('BETA')).toBeDefined();
+    });
+    it('should call onClick when logo is clicked', function () {
+        var onClickSpy = jest.fn();
+        var wrapper = render(React.createElement(MemoryRouter, null,
+            React.createElement(Logo, { name: 'name', onClick: onClickSpy })));
+        act(function () {
+            fireEvent.click(wrapper.container.querySelector('a'));
+        });
+        expect(onClickSpy).toHaveBeenCalled();
+    });
+});