@shopgate/pwa-ui-shared 7.32.0-beta.2 → 7.32.0-beta.21

package/PriceStriked/index.js

@@ -24,8 +24,14 @@ const calcAngle = element => {
 };
 const useStyles = makeStyles()(theme => ({
   root: {
+    '--font-size': `calc(${theme.typography.price.fontSize} * 0.75)`,
+    '--font-family': theme.typography.price.fontFamily,
+    '--font-weight': theme.typography.price.fontWeight,
+    fontSize: 'var(--font-size)',
+    fontFamily: 'var(--font-family)',
+    fontWeight: 'var(--font-weight)',
     whiteSpace: 'nowrap',
-    color: theme.palette.grey.dark,
+    color: theme.components.price.strikedColor,
     '& span': {
       position: 'relative',
       '&::before': {

package/RatingStars/index.js

@@ -15,7 +15,7 @@ const ICON_SIZES = {
 const useStyles = makeStyles()(theme => ({
   container: {
     position: 'relative',
-    display: 'inline-block',
+    display: 'inline-flex',
     verticalAlign: 'middle',
     maxWidth: '100%'
   },
@@ -43,6 +43,11 @@ const useStyles = makeStyles()(theme => ({
     position: 'absolute',
     left: 0,
     top: 0,
+    // Purely decorative overlay: let every pointer event fall through to the
+    // empty-star buttons underneath, which span all slots and handle selection.
+    // Without this, the invisible spacers/half-stars cover the higher-index
+    // buttons and swallow clicks in selectable mode.
+    pointerEvents: 'none',
     color: theme.components.ratingStars.filled,
     display: 'inline-flex',
     alignItems: 'center',
@@ -107,10 +112,10 @@ const RatingStars = ({
     const starProps = {
       className: iconClassName,
       key: numStars + pos,
+      // Decorative duplicate of the underlying empty-star button; hidden from
+      // assistive tech and non-interactive (the empty layer handles clicks).
       ...(isSelectable && {
-        'aria-hidden': true,
-        role: 'button',
-        onClick: e => handleSelection(e, pos)
+        'aria-hidden': true
       })
     };
     return /*#__PURE__*/_jsx("div", {
@@ -124,7 +129,13 @@ const RatingStars = ({
     children: /*#__PURE__*/_jsx(StarHalfIcon, {
       size: size
     })
-  }, i + numFullStars))), [iconClassName, numFullStars, numHalfStars, size, handleSelection, isSelectable]);
+  }, i + numFullStars)), times(Math.max(numStars - numFullStars - numHalfStars, 0), i => /*#__PURE__*/_jsx("div", {
+    className: iconClassName,
+    style: {
+      width: size
+    },
+    "aria-hidden": true
+  }, `placeholder-${i}`))), [iconClassName, numFullStars, numHalfStars, size, isSelectable]);
   return /*#__PURE__*/_jsxs("div", {
     role: isSelectable ? undefined : 'img',
     className: rootClassName,

package/RippleButton/index.js

@@ -14,6 +14,10 @@ const useStyles = makeStyles()(theme => ({
 /**
  * The ripple button component is a special derivation of the basic button component
  * that adds a ripple effect when clicked.
+ * @deprecated Use `Button` from `@shopgate/engage/components/v2` instead — it ripples by default,
+ * so `rippleClassName` and `rippleSize` are gone and `disableRipple` turns the effect off. Map
+ * `flat` to `variant="text"`, `type="secondary"` to `color="primary"`, and `type="primary"` or the
+ * default to `color="secondary"`.
  * @param {Object} props Props.
  * @returns {JSX.Element}
  */
@@ -34,7 +38,7 @@ const RippleButton = ({
     classes
   } = useStyles();
   const buttonProps = {
-    className: `${className} ui-shared__ripple-button`,
+    className: cx(className, 'ui-shared__ripple-button'),
     disabled,
     onClick,
     flat,

package/Sheet/index.js

@@ -106,7 +106,17 @@ const useStyles = makeStyles()(theme => ({
     },
     paddingBottom: [theme.layout.safeArea.bottom],
     overflowY: 'scroll',
-    WebkitOverflowScrolling: 'touch'
+    WebkitOverflowScrolling: 'touch',
+    '@media (hover: hover) and (pointer: fine)': {
+      '::-webkit-scrollbar': {
+        width: 6,
+        background: 'transparent'
+      },
+      '::-webkit-scrollbar-thumb': {
+        background: theme.components.border.medium,
+        borderRadius: 4
+      }
+    }
   },
   drawerAnimIn: {
     [responsiveMediaQuery('<=sm', {

package/TaxDisclaimer/index.js

@@ -8,7 +8,6 @@ import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useStyles = makeStyles()(theme => ({
   text: {
-    background: theme.palette.background.surface,
     padding: theme.spacing(2.5, 2)
   }
 }));

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@shopgate/pwa-ui-shared",
-  "version": "7.32.0-beta.2",
+  "version": "7.32.0-beta.21",
   "description": "Shopgate's shared UI components.",
   "main": "index.js",
   "license": "Apache-2.0",
   "dependencies": {
-    "@shopgate/pwa-ui-ios": "7.32.0-beta.2",
-    "@shopgate/pwa-ui-material": "7.32.0-beta.2"
+    "@shopgate/pwa-ui-ios": "7.32.0-beta.21",
+    "@shopgate/pwa-ui-material": "7.32.0-beta.21"
   },
   "devDependencies": {
-    "@shopgate/pwa-common": "7.32.0-beta.2",
-    "@shopgate/pwa-common-commerce": "7.32.0-beta.2",
+    "@shopgate/pwa-common": "7.32.0-beta.21",
+    "@shopgate/pwa-common-commerce": "7.32.0-beta.21",
     "classnames": "2.5.1",
     "react": "^17.0.2"
   },

package/AccordionContainer/spec.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import AccordionContainer from "./index";
-
-/**
- * @returns {JSX}
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const Child = () => /*#__PURE__*/_jsx("div", {});
-describe('<AccordionContainer />', () => {
-  it('should render children with props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(AccordionContainer, {
-      children: props => /*#__PURE__*/_jsx(Child, {
-        ...props
-      })
-    }));
-    const props = wrapper.find('Child').props();
-    expect(wrapper).toMatchSnapshot();
-    expect(props.open).toEqual(false);
-    expect(typeof props.handleOpen).toEqual('function');
-    expect(typeof props.handleClose).toEqual('function');
-  });
-  it('should update children props when state changes', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(AccordionContainer, {
-      children: props => /*#__PURE__*/_jsx(Child, {
-        ...props
-      })
-    }));
-    wrapper.setState({
-      open: true
-    });
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('Child').props().open).toEqual(true);
-  });
-});

package/ActionButton/spec.js

@@ -1,66 +0,0 @@
-import React from 'react';
-import { fireEvent, render, screen } from '@testing-library/react';
-import ActionButton from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<ActionButton />', () => {
-  const renderComponent = (props = {}) => render(/*#__PURE__*/_jsx(ActionButton, {
-    ...props,
-    children: "Action Button"
-  }));
-  describe('Given the component was mounted to the DOM', () => {
-    let renderedElement;
-    let mockOnClick;
-    beforeEach(() => {
-      jest.useFakeTimers();
-      mockOnClick = jest.fn();
-      renderedElement = renderComponent({
-        onClick: mockOnClick
-      });
-    });
-    afterEach(() => {
-      jest.clearAllTimers();
-      jest.useRealTimers();
-    });
-    it('should match snapshot', () => {
-      expect(renderedElement.container.firstChild).toMatchSnapshot();
-    });
-    it('should not show the loading indicator by default', () => {
-      const indicator = renderedElement.container.querySelector('[data-test-id="loadingIndicator"]');
-      expect(indicator).toBeNull();
-    });
-    describe('Given the loading prop is set to true', () => {
-      beforeEach(() => {
-        renderedElement.rerender(/*#__PURE__*/_jsx(ActionButton, {
-          onClick: mockOnClick,
-          loading: true,
-          children: "Action Button"
-        }));
-      });
-      it('should match snapshot', () => {
-        expect(renderedElement.container.firstChild).toMatchSnapshot();
-      });
-      it('should show the loading indicator', () => {
-        const indicator = renderedElement.container.querySelector('[data-test-id="loadingIndicator"]');
-        expect(indicator).toBeTruthy();
-      });
-    });
-    describe('Given the component gets clicked', () => {
-      let timeoutSpy;
-      beforeEach(() => {
-        timeoutSpy = jest.spyOn(global, 'setTimeout');
-        fireEvent.click(screen.getByRole('button'));
-      });
-      afterEach(() => {
-        timeoutSpy.mockRestore();
-      });
-      it('should use setTimeout for delaying the onClick handler', () => {
-        expect(timeoutSpy).toHaveBeenCalledTimes(1);
-        expect(timeoutSpy.mock.calls[0][1]).toBe(ActionButton.clickDelay);
-      });
-      it('should eventually call the onClick handler', () => {
-        jest.runOnlyPendingTimers();
-        expect(mockOnClick).toHaveBeenCalledTimes(1);
-      });
-    });
-  });
-});

package/AddToCartButton/spec.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import AddToCartButton from "./index";
-
-/**
- * Flushes the promise queue.
- * @returns {Promise}
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const flushMicrotasks = () => Promise.resolve();
-describe('<AddToCartButton />', () => {
-  it('should render in loading state and should not be clickable', () => {
-    const spy = jest.fn(() => Promise.resolve());
-    const wrapper = mount(/*#__PURE__*/_jsx(AddToCartButton, {
-      onClick: spy,
-      isLoading: true,
-      isOrderable: true,
-      isDisabled: false
-    }));
-
-    // Click shouldn’t fire when loading
-    wrapper.find('button').prop('onClick')();
-    expect(wrapper).toMatchSnapshot();
-    expect(spy).toHaveBeenCalledTimes(0);
-  });
-  it('should render with checkmark icon and should not be clickable the second time', async () => {
-    const spy = jest.fn(() => Promise.resolve());
-    const wrapper = mount(/*#__PURE__*/_jsx(AddToCartButton, {
-      onClick: spy,
-      isLoading: false,
-      isOrderable: true,
-      isDisabled: false
-    }));
-
-    // First click triggers async work
-    await act(async () => {
-      wrapper.find('button').prop('onClick')();
-      await flushMicrotasks();
-    });
-    wrapper.update();
-
-    // Second click should be ignored
-    await act(async () => {
-      wrapper.find('button').prop('onClick')();
-      await flushMicrotasks();
-    });
-    wrapper.update();
-    expect(wrapper).toMatchSnapshot();
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-  it('should render with cart icon and should be clickable', async () => {
-    const spy = jest.fn(() => Promise.resolve());
-    const wrapper = mount(/*#__PURE__*/_jsx(AddToCartButton, {
-      onClick: spy,
-      isLoading: false,
-      isOrderable: true,
-      isDisabled: false
-    }));
-    await act(async () => {
-      wrapper.find('button').prop('onClick')();
-      await flushMicrotasks();
-    });
-    wrapper.update();
-    expect(wrapper).toMatchSnapshot();
-    expect(spy).toHaveBeenCalledTimes(1);
-  });
-});

package/Availability/spec.js

@@ -1,42 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { AVAILABILITY_STATE_OK, AVAILABILITY_STATE_WARNING, AVAILABILITY_STATE_ALERT } from '@shopgate/pwa-common-commerce/product/constants';
-import Availability from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Availability />', () => {
-  it('should not render when text is empty', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Availability, {
-      text: ""
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should not render by default if state is "ok"', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Availability, {
-      state: AVAILABILITY_STATE_OK,
-      text: "Available"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render if state is "ok" when "showWhenAvailable" is set', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Availability, {
-      state: AVAILABILITY_STATE_OK,
-      text: "Available",
-      showWhenAvailable: true
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render if state is "warning"', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Availability, {
-      state: AVAILABILITY_STATE_WARNING,
-      text: "Only 5 left"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-  it('should render if state is "warning"', () => {
-    const wrapper = render(/*#__PURE__*/_jsx(Availability, {
-      state: AVAILABILITY_STATE_ALERT,
-      text: "Out of stock"
-    }));
-    expect(wrapper.asFragment()).toMatchSnapshot();
-  });
-});

package/Button/spec.js

@@ -1,38 +0,0 @@
-import trim from 'lodash/trim';
-import React from 'react';
-import { shallow } from 'enzyme';
-import Button from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Button />', () => {
-  it('should render as a regular button if type is omitted', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      children: "Press me"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.render().text()).toEqual('Press me');
-  });
-  it('should render as a regular button if type is explicitly defined', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      type: "regular",
-      children: "Press me"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(trim(wrapper.prop('className'))).toMatch(/^ui-shared__button\s+/);
-  });
-  it('should render as a primary button', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      type: "primary",
-      children: "Press me"
-    }));
-    expect(trim(wrapper.prop('className'))).toMatch(/^ui-shared__button\s+/);
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render as a secondary button', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(Button, {
-      type: "secondary",
-      children: "Press me"
-    }));
-    expect(trim(wrapper.prop('className'))).toMatch(/^ui-shared__button\s+/);
-    expect(wrapper).toMatchSnapshot();
-  });
-});

package/ButtonLink/spec.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '@testing-library/react';
-import { UnwrappedButtonLink as ButtonLink } from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<ButtonLink>', () => {
-  describe('On click action', () => {
-    beforeEach(() => {
-      jest.useFakeTimers();
-    });
-    afterEach(() => {
-      jest.runOnlyPendingTimers();
-      jest.useRealTimers();
-    });
-    it('should create component and open page on click', () => {
-      const mockedNavigate = jest.fn();
-      const link = 'https://example.com';
-      const component = render(/*#__PURE__*/_jsx(ButtonLink, {
-        href: link,
-        navigate: mockedNavigate,
-        children: "Text inside"
-      }));
-      expect(component.container.firstChild).toMatchSnapshot();
-      fireEvent.click(component.container.querySelector('button'));
-      jest.runOnlyPendingTimers();
-      expect(mockedNavigate).toHaveBeenCalledTimes(1);
-      expect(mockedNavigate).toHaveBeenCalledWith(link);
-    });
-  });
-});

package/Chip/spec.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import Chip from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-describe('<Chip />', () => {
-  it('should render a tag', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Chip, {
-      id: "some-id",
-      children: "text"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('button').length).toEqual(2);
-    expect(wrapper.find('button').at(1).text()).toEqual('text');
-  });
-});
-describe('<Chip />', () => {
-  it('should render a without removable icon', () => {
-    const wrapper = mount(/*#__PURE__*/_jsx(Chip, {
-      id: "some-id",
-      removable: false,
-      children: "text"
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.find('button').length).toEqual(1);
-    expect(wrapper.find('button').at(0).text()).toEqual('text');
-  });
-});

package/ContextMenu/spec.js

@@ -1,113 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import Backdrop from '@shopgate/pwa-common/components/Backdrop';
-import ContextMenu from "./index";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-jest.mock('@shopgate/engage/components');
-jest.mock('@shopgate/engage/a11y/components');
-global.requestAnimationFrame = fn => fn();
-jest.useFakeTimers();
-describe('<ContextMenu />', () => {
-  const mockItemAClick = jest.fn();
-  const mockItemBClick = jest.fn();
-  const numMenuItems = 2;
-  describe('Snapshot test', () => {
-    it('should match snapshot', () => {
-      const wrapper = shallow(/*#__PURE__*/_jsxs(ContextMenu, {
-        isOpened: true,
-        children: [/*#__PURE__*/_jsx(ContextMenu.Item, {
-          onClick: mockItemAClick,
-          className: "menu-active-item",
-          children: "Item A"
-        }), /*#__PURE__*/_jsx(ContextMenu.Item, {
-          onClick: mockItemBClick,
-          className: "menu-active-item",
-          children: "Item B"
-        })]
-      }));
-      expect(wrapper).toMatchSnapshot();
-    });
-    it('should match snapshot without toggle', () => {
-      const wrapper = shallow(/*#__PURE__*/_jsx(ContextMenu, {
-        isOpened: true,
-        showToggle: false,
-        children: /*#__PURE__*/_jsx(ContextMenu.Item, {
-          onClick: mockItemAClick,
-          className: "menu-active-item",
-          children: "Item A"
-        })
-      }));
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-  describe('Given the component was mounted to the DOM', () => {
-    let renderedElement;
-
-    /**
-     * The view component
-     */
-    const renderComponent = () => {
-      renderedElement = mount(/*#__PURE__*/_jsxs(ContextMenu, {
-        children: [/*#__PURE__*/_jsx(ContextMenu.Item, {
-          onClick: mockItemAClick,
-          children: "Item A"
-        }), /*#__PURE__*/_jsx(ContextMenu.Item, {
-          onClick: mockItemBClick,
-          children: "Item B"
-        })]
-      }));
-    };
-    beforeEach(renderComponent);
-    it('should match snapshot', () => {
-      expect(renderedElement).toMatchSnapshot();
-    });
-    it('should have active state set to false', () => {
-      expect(renderedElement.find('ConnectedReactPortal').prop('isOpened')).toBe(null);
-    });
-    it('should render the toggle button', () => {
-      expect(renderedElement.find('button').length).toBe(1);
-    });
-    it('should not render any context menu items', () => {
-      expect(renderedElement.find(ContextMenu.Item).length).toBe(0);
-    });
-    describe('Given toggle button gets clicked', () => {
-      beforeEach(() => {
-        renderedElement.find('button').simulate('click');
-        renderedElement.update();
-      });
-      it('should have active state set to true', () => {
-        expect(renderedElement.find('ConnectedReactPortal').prop('isOpened')).toBe(true);
-      });
-      it('should render the actual context menu w/ items', () => {
-        expect(renderedElement.find(ContextMenu.Item).length).toBe(numMenuItems);
-      });
-      describe('Given the first item gets clicked', () => {
-        beforeEach(() => {
-          act(() => {
-            renderedElement.find(ContextMenu.Item).first().children().find('[data-test-id="contextMenuButton"]').first().simulate('click');
-            jest.runAllTimers();
-          });
-        });
-        it('should call the related click handler', () => {
-          expect(mockItemAClick).toBeCalled();
-        });
-        it('should close the context menu', () => {
-          renderedElement.update();
-          expect(renderedElement.find(ContextMenu.Item).length).toBe(0);
-        });
-      });
-      describe('Given the backdrop gets clicked', () => {
-        beforeEach(() => {
-          renderedElement.find(Backdrop).children().find('[onClick]').simulate('click');
-        });
-        it('should have active state reset to false', () => {
-          expect(renderedElement.find('ConnectedReactPortal').prop('isOpened')).toBe(false);
-        });
-        it('should close the context menu', () => {
-          expect(renderedElement.find(ContextMenu.Item).length).toBe(0);
-        });
-      });
-    });
-  });
-});

package/Dialog/components/HtmlContentDialog/spec.js

@@ -1,107 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import HtmlContentDialog from "./index";
-import { jsx as _jsx } from "react/jsx-runtime";
-const message = '<p><i>This is a html message.</i></p>';
-const title = 'This is the title.';
-jest.mock('@shopgate/engage/a11y/components');
-jest.mock('@shopgate/engage/components', () => {
-  const mockReact = jest.requireActual('react');
-  function Text({
-    string
-  }) {
-    return mockReact.createElement('span', null, string);
-  }
-  Text.propTypes = {
-    params: () => null
-  };
-  Text.defaultProps = {
-    params: {}
-  };
-  const I18n = {
-    Text
-  };
-  function Ellipsis({
-    children
-  }) {
-    return mockReact.createElement('span', null, children);
-  }
-  function Button({
-    children,
-    onClick,
-    disabled,
-    className
-  }) {
-    return mockReact.createElement('button', {
-      onClick,
-      disabled,
-      className
-    }, children);
-  }
-  function Typography({
-    children
-  }) {
-    return mockReact.createElement('span', null, children);
-  }
-  return {
-    I18n,
-    Ellipsis,
-    Button,
-    Typography
-  };
-});
-describe('<HtmlContentDialog />', () => {
-  it('should render with minimal props', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(HtmlContentDialog, {
-      message: message,
-      actions: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.html()).toMatch(message);
-  });
-  it('should render with title and html message', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(HtmlContentDialog, {
-      title: title,
-      message: message,
-      actions: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.html()).toMatch(title);
-  });
-  it('should render with title, html message and messageParams', () => {
-    const wrapper = shallow(/*#__PURE__*/_jsx(HtmlContentDialog, {
-      title: title,
-      message: "Message with {name}",
-      params: {
-        name: 'Placeholder'
-      },
-      actions: []
-    }));
-    expect(wrapper).toMatchSnapshot();
-  });
-  it('should render the actions', () => {
-    const actions = [{
-      label: 'fooAction',
-      action: () => {}
-    }];
-    const wrapper = shallow(/*#__PURE__*/_jsx(HtmlContentDialog, {
-      title: title,
-      message: message,
-      actions: actions
-    }));
-    expect(wrapper).toMatchSnapshot();
-    expect(wrapper.html()).toMatch(actions[0].label);
-  });
-  it('should pass title through', () => {
-    const customTitle = /*#__PURE__*/_jsx("div", {
-      children: "Title"
-    });
-    const wrapper = shallow(/*#__PURE__*/_jsx(HtmlContentDialog, {
-      title: customTitle,
-      message: message,
-      params: {},
-      actions: []
-    }));
-    expect(wrapper.find('BasicDialog').prop('title')).toEqual(customTitle);
-  });
-});