@shopgate/engage 7.32.0-beta.2 → 7.32.0-beta.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/account/components/Profile/Profile.provider.d.ts +1 -1
- package/account/components/Profile/ProfileAddressBook.d.ts.map +1 -1
- package/account/components/Profile/ProfileAddressBook.js +13 -22
- package/account/components/Profile/ProfileAddressCard.d.ts.map +1 -1
- package/account/components/Profile/ProfileAddressCard.js +9 -18
- package/account/components/Profile/ProfileForm.d.ts.map +1 -1
- package/account/components/Profile/ProfileForm.js +15 -42
- package/account/components/ProfileContact/ProfileContact.js +13 -21
- package/admin-preview/components/FrontendSettingsPreviewBridge/FrontendSettingsPreviewBridge.d.ts +2 -1
- package/admin-preview/components/FrontendSettingsPreviewBridge/FrontendSettingsPreviewBridge.d.ts.map +1 -1
- package/admin-preview/components/FrontendSettingsPreviewBridge/FrontendSettingsPreviewBridge.js +61 -5
- package/admin-preview/components/FrontendSettingsPreviewBridge/helpers.d.ts +7 -1
- package/admin-preview/components/FrontendSettingsPreviewBridge/helpers.d.ts.map +1 -1
- package/admin-preview/components/FrontendSettingsPreviewBridge/helpers.js +14 -2
- package/admin-preview/components/FrontendSettingsPreviewBridge/types.d.ts +15 -2
- package/admin-preview/components/FrontendSettingsPreviewBridge/types.d.ts.map +1 -1
- package/admin-preview/constants/index.d.ts +9 -22
- package/admin-preview/constants/index.d.ts.map +1 -1
- package/admin-preview/constants/index.js +10 -27
- package/admin-preview/{detection.d.ts → helpers/_internal/detection.d.ts} +12 -8
- package/admin-preview/helpers/_internal/detection.d.ts.map +1 -0
- package/admin-preview/helpers/_internal/detection.js +93 -0
- package/admin-preview/helpers/_internal/origins.d.ts +20 -0
- package/admin-preview/helpers/_internal/origins.d.ts.map +1 -0
- package/admin-preview/helpers/_internal/origins.js +72 -0
- package/admin-preview/helpers/index.d.ts +20 -0
- package/admin-preview/helpers/index.d.ts.map +1 -1
- package/admin-preview/helpers/index.js +26 -2
- package/admin-preview/hooks/index.d.ts +9 -7
- package/admin-preview/hooks/index.d.ts.map +1 -1
- package/admin-preview/hooks/index.js +21 -18
- package/admin-preview/initialization/_internal/initialFrontendSettings.d.ts +32 -0
- package/admin-preview/initialization/_internal/initialFrontendSettings.d.ts.map +1 -0
- package/admin-preview/initialization/_internal/initialFrontendSettings.js +43 -0
- package/admin-preview/initialization/awaitInitialFrontendSettings.d.ts +23 -0
- package/admin-preview/initialization/awaitInitialFrontendSettings.d.ts.map +1 -0
- package/admin-preview/initialization/awaitInitialFrontendSettings.js +88 -0
- package/back-in-stock/components/BackInStockButton/index.js +5 -5
- package/back-in-stock/components/Subscriptions/components/Subscription/index.js +2 -5
- package/cart/components/CartItem/CartItemProductLayout.js +2 -1
- package/cart/components/CartItem/CartItemProductLayoutWide.js +2 -2
- package/cart/components/CartItem/CartItemProductLayoutWideRemoveItem.js +7 -14
- package/cart/components/CartItem/CartItemQuantityPicker.js +3 -2
- package/cart/components/CartItems/CartItemCardReservationLabelChangeStore.js +6 -24
- package/cart/components/CartItems/CartItems.js +8 -10
- package/cart/components/CartItems/CartItemsSubstitution.js +3 -2
- package/cart/components/CartSummaryWide/CartSummaryWide.js +2 -2
- package/cart/components/CartSummaryWide/CartSummaryWideCheckoutButton.js +9 -23
- package/cart/components/PaymentBar/PaymentBarCheckoutButton.js +8 -30
- package/cart/components/PaymentBar/testUtils/mockFactories.js +4 -11
- package/category/components/CategoryImage/index.js +24 -17
- package/checkout/components/AddressBook/AddressList.js +14 -23
- package/checkout/components/Checkout/CheckoutActions.js +4 -3
- package/checkout/components/Checkout/CheckoutAddress.js +8 -0
- package/checkout/components/Checkout/CheckoutSection.js +6 -2
- package/checkout/components/CheckoutConfirmation/CheckoutConfirmation.js +6 -7
- package/checkout/components/ResponsiveBackButton/ResponsiveBackButton.js +7 -17
- package/components/Badge/Badge.d.ts +30 -0
- package/components/Badge/Badge.d.ts.map +1 -0
- package/components/Badge/Badge.js +49 -0
- package/components/Badge/index.d.ts +3 -0
- package/components/Badge/index.d.ts.map +1 -0
- package/components/Badge/index.js +1 -0
- package/components/Card/Card.d.ts +27 -0
- package/components/Card/Card.d.ts.map +1 -0
- package/components/Card/Card.js +57 -0
- package/components/Card/index.d.ts +4 -0
- package/components/Card/index.d.ts.map +1 -0
- package/components/Card/index.js +2 -0
- package/components/Card/useCardAppearance.d.ts +11 -0
- package/components/Card/useCardAppearance.d.ts.map +1 -0
- package/components/Card/useCardAppearance.js +22 -0
- package/components/ChipLayout/index.js +2 -4
- package/components/NavigationHandler/connector.js +1 -1
- package/components/NavigationHandler/index.d.ts +2 -2
- package/components/Paper/Paper.d.ts +48 -0
- package/components/Paper/Paper.d.ts.map +1 -0
- package/components/Paper/Paper.js +64 -0
- package/components/Paper/index.d.ts +3 -0
- package/components/Paper/index.d.ts.map +1 -0
- package/components/Paper/index.js +1 -0
- package/components/RadioCard/RadioCard.d.ts.map +1 -1
- package/components/RadioCard/RadioCard.js +2 -1
- package/components/SheetList/components/Item/index.js +8 -8
- package/components/Tabs/components/Tab.d.ts.map +1 -1
- package/components/Tabs/components/Tab.js +14 -16
- package/components/Typography/Typography.d.ts +1 -1
- package/components/Typography/Typography.d.ts.map +1 -1
- package/components/Typography/Typography.js +2 -0
- package/components/View/components/Content/index.d.ts.map +1 -1
- package/components/View/components/Content/index.js +4 -1
- package/components/constants.d.ts +6 -0
- package/components/constants.d.ts.map +1 -0
- package/components/index.d.ts +6 -1
- package/components/index.d.ts.map +1 -1
- package/components/index.js +6 -2
- package/components/v2/Button/Button.d.ts +24 -13
- package/components/v2/Button/Button.d.ts.map +1 -1
- package/components/v2/Button/Button.js +139 -41
- package/components/v2/ButtonBase/ButtonBase.d.ts +50 -10
- package/components/v2/ButtonBase/ButtonBase.d.ts.map +1 -1
- package/components/v2/ButtonBase/ButtonBase.js +192 -17
- package/components/v2/ButtonBase/hooks.d.ts +0 -1
- package/components/v2/ButtonBase/hooks.d.ts.map +1 -1
- package/components/v2/ButtonBase/hooks.js +36 -12
- package/components/v2/ButtonGroup/ButtonGroup.d.ts +11 -5
- package/components/v2/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/components/v2/ButtonGroup/ButtonGroup.js +49 -26
- package/components/v2/CircularProgress/CircularProgress.d.ts.map +1 -1
- package/components/v2/CircularProgress/CircularProgress.js +10 -5
- package/components/v2/IconButton/IconButton.d.ts +72 -0
- package/components/v2/IconButton/IconButton.d.ts.map +1 -0
- package/components/v2/IconButton/IconButton.js +169 -0
- package/components/v2/IconButton/index.d.ts +3 -0
- package/components/v2/IconButton/index.d.ts.map +1 -0
- package/components/v2/IconButton/index.js +1 -0
- package/components/v2/index.d.ts +1 -0
- package/components/v2/index.d.ts.map +1 -1
- package/components/v2/index.js +1 -0
- package/core/helpers/getFullImageSource.d.ts +5 -1
- package/core/helpers/getFullImageSource.d.ts.map +1 -1
- package/core/helpers/getFullImageSource.js +30 -14
- package/core/helpers/i18n.d.ts +4 -0
- package/core/helpers/i18n.d.ts.map +1 -1
- package/core/helpers/i18n.js +3 -0
- package/core/hooks/events/appEvents.d.ts +31 -46
- package/core/hooks/events/appEvents.d.ts.map +1 -0
- package/core/hooks/events/appEvents.js +26 -29
- package/core/hooks/events/index.d.ts +4 -4
- package/core/hooks/events/index.d.ts.map +1 -1
- package/core/hooks/events/useLongPress.d.ts +55 -58
- package/core/hooks/events/useLongPress.d.ts.map +1 -0
- package/core/hooks/events/useLongPress.js +23 -16
- package/core/hooks/events/usePressHandler.d.ts +32 -21
- package/core/hooks/events/usePressHandler.d.ts.map +1 -1
- package/core/hooks/events/usePressHandler.js +12 -10
- package/core/hooks/events/useScrollDirectionChange.d.ts +72 -61
- package/core/hooks/events/useScrollDirectionChange.d.ts.map +1 -0
- package/core/hooks/events/useScrollDirectionChange.js +36 -43
- package/core/hooks/html/useLoadImage.d.ts +3 -3
- package/core/hooks/html/useLoadImage.d.ts.map +1 -1
- package/core/hooks/html/useLoadImage.js +2 -2
- package/core/hooks/useLocalStorage.d.ts +8 -0
- package/core/hooks/useLocalStorage.d.ts.map +1 -1
- package/core/hooks/useLocalStorage.js +22 -15
- package/core/hooks/useNavigation.d.ts +10 -2
- package/core/hooks/useNavigation.d.ts.map +1 -1
- package/core/hooks/useNavigation.js +1 -2
- package/core/initialization/fetchSettings.d.ts +12 -0
- package/core/initialization/fetchSettings.d.ts.map +1 -0
- package/core/initialization/fetchSettings.js +134 -0
- package/core/initialization/index.d.ts +33 -2
- package/core/initialization/index.d.ts.map +1 -1
- package/core/initialization/index.js +44 -103
- package/core/router/conductor.d.ts +9 -0
- package/core/router/helpers.d.ts +28 -15
- package/core/router/helpers.d.ts.map +1 -1
- package/core/router/helpers.js +8 -8
- package/development/action-creators/index.d.ts +3 -0
- package/development/action-creators/index.d.ts.map +1 -0
- package/development/action-creators/settings.d.ts +45 -0
- package/development/action-creators/settings.d.ts.map +1 -0
- package/development/action-creators/settings.js +21 -10
- package/development/action-creators/storage.d.ts +17 -0
- package/development/action-creators/storage.d.ts.map +1 -0
- package/development/action-creators/storage.js +7 -4
- package/development/components/ClientInformation/ClientInformation.d.ts +6 -0
- package/development/components/ClientInformation/ClientInformation.d.ts.map +1 -0
- package/development/components/ClientInformation/ClientInformation.js +7 -4
- package/development/components/ClientInformation/actions.d.ts +6 -0
- package/development/components/ClientInformation/actions.d.ts.map +1 -0
- package/development/components/ClientInformation/actions.js +1 -1
- package/development/components/ClientInformation/index.d.ts +2 -0
- package/development/components/ClientInformation/index.d.ts.map +1 -0
- package/development/components/DevelopmentSettings/DevelopmentSettings.d.ts +16 -0
- package/development/components/DevelopmentSettings/DevelopmentSettings.d.ts.map +1 -0
- package/development/components/DevelopmentSettings/DevelopmentSettings.js +43 -30
- package/development/components/DevelopmentSettings/index.d.ts +2 -0
- package/development/components/DevelopmentSettings/index.d.ts.map +1 -0
- package/development/components/DevelopmentTools/DevelopmentTools.d.ts +10 -0
- package/development/components/DevelopmentTools/DevelopmentTools.d.ts.map +1 -0
- package/development/components/DevelopmentTools/DevelopmentTools.js +8 -8
- package/development/components/DevelopmentTools/Shortcuts.d.ts +6 -0
- package/development/components/DevelopmentTools/Shortcuts.d.ts.map +1 -0
- package/development/components/DevelopmentTools/Shortcuts.js +0 -1
- package/development/components/DevelopmentTools/hooks.d.ts +8 -0
- package/development/components/DevelopmentTools/hooks.d.ts.map +1 -0
- package/development/components/DevelopmentTools/hooks.js +2 -3
- package/development/components/DevelopmentTools/index.d.ts +2 -0
- package/development/components/DevelopmentTools/index.d.ts.map +1 -0
- package/development/components/SimulatedInsets/SimulatedInsetBottom.d.ts +7 -0
- package/development/components/SimulatedInsets/SimulatedInsetBottom.d.ts.map +1 -0
- package/development/components/SimulatedInsets/SimulatedInsetBottom.js +1 -6
- package/development/components/SimulatedInsets/SimulatedInsetTop.d.ts +7 -0
- package/development/components/SimulatedInsets/SimulatedInsetTop.d.ts.map +1 -0
- package/development/components/SimulatedInsets/SimulatedInsetTop.js +2 -7
- package/development/components/SimulatedInsets/SimulatedInsets.d.ts +13 -0
- package/development/components/SimulatedInsets/SimulatedInsets.d.ts.map +1 -0
- package/development/components/SimulatedInsets/SimulatedInsets.js +2 -7
- package/development/components/SimulatedInsets/index.d.ts +2 -0
- package/development/components/SimulatedInsets/index.d.ts.map +1 -0
- package/development/components/SimulatedInsets/types.d.ts +15 -0
- package/development/components/SimulatedInsets/types.d.ts.map +1 -0
- package/development/components/SimulatedInsets/types.js +1 -0
- package/development/components/index.d.ts +3 -0
- package/development/components/index.d.ts.map +1 -0
- package/development/constants/actionTypes.d.ts +6 -0
- package/development/constants/actionTypes.d.ts.map +1 -0
- package/development/constants/actionTypes.js +2 -1
- package/development/constants/index.d.ts +2 -0
- package/development/constants/index.d.ts.map +1 -0
- package/development/reducers/index.d.ts +24 -0
- package/development/reducers/index.d.ts.map +1 -0
- package/development/reducers/settings.d.ts +17 -0
- package/development/reducers/settings.d.ts.map +1 -0
- package/development/reducers/settings.js +48 -35
- package/development/reducers/storage.d.ts +17 -0
- package/development/reducers/storage.d.ts.map +1 -0
- package/development/reducers/storage.js +24 -24
- package/development/selectors/index.d.ts +3 -0
- package/development/selectors/index.d.ts.map +1 -0
- package/development/selectors/settings.d.ts +52 -0
- package/development/selectors/settings.d.ts.map +1 -0
- package/development/selectors/settings.js +21 -11
- package/development/selectors/storage.d.ts +10 -0
- package/development/selectors/storage.d.ts.map +1 -0
- package/development/selectors/storage.js +6 -18
- package/development/streams/index.d.ts +2 -0
- package/development/streams/index.d.ts.map +1 -0
- package/development/streams/insets.d.ts +8 -0
- package/development/streams/insets.d.ts.map +1 -0
- package/development/streams/insets.js +1 -3
- package/development/subscriptions/index.d.ts +15 -0
- package/development/subscriptions/index.d.ts.map +1 -0
- package/development/subscriptions/index.js +6 -2
- package/development/types/development.d.ts +68 -0
- package/development/types/development.d.ts.map +1 -0
- package/development/types/development.js +1 -0
- package/development/types/index.d.ts +2 -0
- package/development/types/index.d.ts.map +1 -0
- package/development/types/index.js +1 -0
- package/favorites/components/FavoriteButtonWide/FavoriteButtonWide.js +7 -17
- package/favorites/components/Item/Item.d.ts +1 -1
- package/favorites/components/Item/Item.d.ts.map +1 -1
- package/favorites/components/Item/Item.js +2 -5
- package/favorites/components/List/List.d.ts +1 -1
- package/favorites/components/List/List.d.ts.map +1 -1
- package/favorites/components/List/List.js +0 -1
- package/favorites/components/List/ListContent.js +4 -5
- package/favorites/components/Lists/Lists.js +4 -5
- package/filter/components/FilterItem/index.js +12 -2
- package/filter/components/FilterPageContent/components/ApplyButton/index.d.ts +21 -0
- package/filter/components/FilterPageContent/components/ApplyButton/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/ApplyButton/index.js +27 -56
- package/filter/components/FilterPageContent/components/FilterButtonBar/index.d.ts +8 -0
- package/filter/components/FilterPageContent/components/FilterButtonBar/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/FilterButtonBar/index.js +63 -0
- package/filter/components/FilterPageContent/components/ResetButton/index.d.ts +17 -0
- package/filter/components/FilterPageContent/components/ResetButton/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/ResetButton/index.js +26 -46
- package/filter/components/FilterPageContent/components/Selector/components/Selected/index.d.ts +19 -0
- package/filter/components/FilterPageContent/components/Selector/components/Selected/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/Selector/components/Selected/index.js +25 -46
- package/filter/components/FilterPageContent/components/Selector/components/Toggle/index.d.ts +14 -0
- package/filter/components/FilterPageContent/components/Selector/components/Toggle/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/Selector/components/Toggle/index.js +13 -46
- package/filter/components/FilterPageContent/components/Selector/components/ValueCheckbox/index.d.ts +25 -0
- package/filter/components/FilterPageContent/components/Selector/components/ValueCheckbox/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/Selector/components/ValueCheckbox/index.js +77 -0
- package/filter/components/FilterPageContent/components/Selector/index.d.ts +43 -0
- package/filter/components/FilterPageContent/components/Selector/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/components/Selector/index.js +52 -40
- package/filter/components/FilterPageContent/index.d.ts +16 -0
- package/filter/components/FilterPageContent/index.d.ts.map +1 -0
- package/filter/components/FilterPageContent/index.js +51 -57
- package/filter/components/PriceSlider/components/Label/index.js +86 -94
- package/filter/components/PriceSlider/index.js +43 -30
- package/filter/helpers/buildFilterParamsForFetchFiltersRequest.d.ts +8 -0
- package/filter/helpers/buildFilterParamsForFetchFiltersRequest.d.ts.map +1 -0
- package/filter/helpers/buildInitialFilters.d.ts +7 -0
- package/filter/helpers/buildInitialFilters.d.ts.map +1 -0
- package/filter/helpers/buildUpdatedFilters.d.ts +7 -0
- package/filter/helpers/buildUpdatedFilters.d.ts.map +1 -0
- package/filter/helpers/index.d.ts +5 -0
- package/filter/helpers/index.d.ts.map +1 -0
- package/filter/helpers/translateFilterLabel.d.ts +8 -0
- package/filter/helpers/translateFilterLabel.d.ts.map +1 -0
- package/filter/providers/FilterPageProvider.context.d.ts +157 -0
- package/filter/providers/FilterPageProvider.context.d.ts.map +1 -0
- package/filter/providers/FilterPageProvider.d.ts +24 -0
- package/filter/providers/FilterPageProvider.d.ts.map +1 -0
- package/filter/providers/FilterPageProvider.js +77 -132
- package/locations/components/ChangeLocationButton/ChangeLocationButton.js +10 -14
- package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotDialog.js +4 -8
- package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcher.js +1 -1
- package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherBar.js +8 -13
- package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherDefault.js +10 -10
- package/locations/components/GlobalLocationSwitcher/GlobalLocationSwitcherBar.js +12 -16
- package/locations/components/GlobalLocationSwitcher/GlobalLocationSwitcherDefault.js +9 -10
- package/locations/components/ReserveForm/ReserveForm.js +6 -7
- package/locations/components/StoreDetails/components/GetDirectionsButton.js +2 -4
- package/locations/components/StoreDetails/components/StoreDetails.js +5 -10
- package/locations/components/StoreDetails/components/StoresNearbyListItem.js +13 -21
- package/locations/components/StoreFinder/StoreFinderSelectLocationButton.js +5 -11
- package/locations/components/StoreFinder/StoreFinderStoreInfoButton.js +5 -11
- package/locations/components/StoreList/StoreListProduct.js +2 -3
- package/locations/components/StoreList/StoreListSearch.js +1 -0
- package/locations/components/StoreList/StoreSelectLocationButton.js +5 -11
- package/login/components/ForgotPassword/ForgotPassword.js +11 -23
- package/mocks/date.js +31 -0
- package/mocks/index.js +3 -0
- package/mocks/pipelineRequest.js +1 -0
- package/mocks/subscriptions.js +1 -0
- package/orders/components/OrderDetails/OrderDetailsAuthenticate.js +5 -7
- package/orders/components/OrderHistory/OrderHistoryList.d.ts.map +1 -1
- package/orders/components/OrderHistory/OrderHistoryList.js +8 -9
- package/orders/components/OrderHistory/OrderHistoryTable.d.ts.map +1 -1
- package/orders/components/OrderHistory/OrderHistoryTable.js +4 -0
- package/package.json +9 -9
- package/page/components/NotFound.d.ts +7 -0
- package/page/components/NotFound.d.ts.map +1 -0
- package/page/components/NotFound.js +8 -8
- package/page/components/ResponsiveWidgetImage/ResponsiveWidgetImage.d.ts +52 -0
- package/page/components/ResponsiveWidgetImage/ResponsiveWidgetImage.d.ts.map +1 -0
- package/page/components/ResponsiveWidgetImage/ResponsiveWidgetImage.js +4 -4
- package/page/components/ResponsiveWidgetImage/index.d.ts +2 -0
- package/page/components/ResponsiveWidgetImage/index.d.ts.map +1 -0
- package/page/components/WidgetRichText/WidgetRichText.d.ts +25 -0
- package/page/components/WidgetRichText/WidgetRichText.d.ts.map +1 -0
- package/page/components/WidgetRichText/index.d.ts +2 -0
- package/page/components/WidgetRichText/index.d.ts.map +1 -0
- package/page/components/WidgetVideo/WidgetVideo.d.ts +43 -0
- package/page/components/WidgetVideo/WidgetVideo.d.ts.map +1 -0
- package/page/components/WidgetVideo/WidgetVideo.js +33 -39
- package/page/components/WidgetVideo/index.d.ts +2 -0
- package/page/components/WidgetVideo/index.d.ts.map +1 -0
- package/page/components/Widgets/Overlay.d.ts +17 -0
- package/page/components/Widgets/Overlay.d.ts.map +1 -0
- package/page/components/Widgets/Overlay.js +24 -38
- package/page/components/Widgets/Tooltip.d.ts +20 -0
- package/page/components/Widgets/Tooltip.d.ts.map +1 -0
- package/page/components/Widgets/Tooltip.js +6 -10
- package/page/components/Widgets/Widget.d.ts +32 -0
- package/page/components/Widgets/Widget.d.ts.map +1 -0
- package/page/components/Widgets/Widget.js +14 -28
- package/page/components/Widgets/WidgetContext.d.ts +32 -38
- package/page/components/Widgets/WidgetContext.d.ts.map +1 -0
- package/page/components/Widgets/WidgetContext.js +2 -8
- package/page/components/Widgets/WidgetProvider.d.ts +29 -0
- package/page/components/Widgets/WidgetProvider.d.ts.map +1 -0
- package/page/components/Widgets/WidgetProvider.js +8 -15
- package/page/components/Widgets/Widgets.d.ts +16 -0
- package/page/components/Widgets/Widgets.d.ts.map +1 -0
- package/page/components/Widgets/Widgets.js +5 -12
- package/page/components/Widgets/WidgetsPreviewContext.d.ts +21 -0
- package/page/components/Widgets/WidgetsPreviewContext.d.ts.map +1 -0
- package/page/components/Widgets/WidgetsPreviewContext.js +5 -7
- package/page/components/Widgets/WidgetsPreviewProvider.d.ts +18 -0
- package/page/components/Widgets/WidgetsPreviewProvider.d.ts.map +1 -0
- package/page/components/Widgets/WidgetsPreviewProvider.js +5 -6
- package/page/components/Widgets/constants.d.ts +18 -0
- package/page/components/Widgets/constants.d.ts.map +1 -0
- package/page/components/Widgets/constants.js +24 -2
- package/page/components/Widgets/events.d.ts +38 -0
- package/page/components/Widgets/events.d.ts.map +1 -0
- package/page/components/Widgets/events.js +8 -12
- package/page/components/Widgets/helpers.d.ts +69 -0
- package/page/components/Widgets/helpers.d.ts.map +1 -0
- package/page/components/Widgets/helpers.js +58 -13
- package/page/components/Widgets/hooks.d.ts +13 -0
- package/page/components/Widgets/hooks.d.ts.map +1 -0
- package/page/components/Widgets/hooks.js +18 -12
- package/page/components/Widgets/index.d.ts +3 -0
- package/page/components/Widgets/index.d.ts.map +1 -0
- package/page/components/Widgets/types.d.ts +138 -114
- package/page/components/Widgets/types.d.ts.map +1 -0
- package/page/components/Widgets/types.js +1 -0
- package/page/components/index.d.ts +5 -0
- package/page/components/index.d.ts.map +1 -0
- package/page/constants/actionTypes.d.ts +4 -0
- package/page/constants/actionTypes.d.ts.map +1 -0
- package/page/constants/index.d.ts +25 -0
- package/page/constants/index.d.ts.map +1 -0
- package/page/constants/index.js +5 -3
- package/page/helpers/index.d.ts +70 -62
- package/page/helpers/index.d.ts.map +1 -0
- package/page/helpers/index.js +31 -29
- package/page/hooks/index.d.ts +54 -53
- package/page/hooks/index.d.ts.map +1 -0
- package/page/hooks/index.js +20 -15
- package/page/selectors/index.d.ts +32 -0
- package/page/selectors/index.d.ts.map +1 -0
- package/page/widget.config.schema.json +54 -0
- package/page/widgets/Button/Button.js +2 -3
- package/page/widgets/CategoryList/CategoryList.js +2 -1
- package/page/widgets/HeroBanner/config.json +6 -0
- package/page/widgets/Image/config.json +6 -0
- package/page/widgets/ImageRow/config.json +6 -0
- package/page/widgets/ImageSlider/config.json +6 -0
- package/page/widgets/ImageSlider/hooks.js +4 -2
- package/page/widgets/NestedCategoryFilter/NestedCategoryFilter.js +8 -8
- package/page/widgets/ProductList/ProductList.js +18 -14
- package/page/widgets/ProductSlider/ProductSlider.js +1 -15
- package/page/widgets/README.md +92 -0
- package/page/widgets/Video/Video.d.ts +6 -0
- package/page/widgets/Video/Video.d.ts.map +1 -0
- package/page/widgets/Video/Video.js +0 -2
- package/page/widgets/Video/config.json +6 -0
- package/page/widgets/Video/hooks.d.ts +53 -0
- package/page/widgets/Video/hooks.d.ts.map +1 -0
- package/page/widgets/Video/hooks.js +4 -12
- package/page/widgets/Video/index.d.ts +2 -0
- package/page/widgets/Video/index.d.ts.map +1 -0
- package/product/components/Description/index.js +0 -2
- package/product/components/FilterBar/components/Content/components/FilterButton/index.js +38 -46
- package/product/components/FilterBar/components/Content/components/FilterChips/components/FilterChip/index.d.ts +38 -0
- package/product/components/FilterBar/components/Content/components/FilterChips/components/FilterChip/index.d.ts.map +1 -0
- package/product/components/FilterBar/components/Content/components/FilterChips/components/FilterChip/index.js +88 -0
- package/product/components/FilterBar/components/Content/components/FilterChips/index.js +54 -35
- package/product/components/FilterBar/components/Content/components/Sort/index.js +1 -1
- package/product/components/FilterBar/components/Content/index.js +7 -3
- package/product/components/FilterBar/index.js +11 -22
- package/product/components/Media/FeaturedMedia.js +7 -1
- package/product/components/Media/MediaImage.js +24 -23
- package/product/components/Media/MediaPlaceholder.js +4 -7
- package/product/components/MediaSlider/components/MediaImage/index.js +6 -2
- package/product/components/MediaSlider/constants.js +1 -12
- package/product/components/OrderQuantityHint/index.js +16 -1
- package/product/components/ProductCard/index.js +36 -23
- package/product/components/ProductFilters/index.js +2 -6
- package/product/components/ProductGrid/components/Item/components/ItemDetails/index.js +12 -4
- package/product/components/ProductGrid/components/Item/components/ItemFavoritesButton/index.js +0 -1
- package/product/components/ProductGrid/components/Item/components/ItemImage/index.js +3 -6
- package/product/components/ProductGrid/components/Item/components/ItemName/index.js +6 -1
- package/product/components/ProductGrid/components/Item/index.js +10 -2
- package/product/components/ProductGrid/components/Layout/index.js +19 -4
- package/product/components/ProductGrid/constants.d.ts +2 -0
- package/product/components/ProductGrid/constants.d.ts.map +1 -0
- package/product/components/ProductGrid/constants.js +1 -0
- package/product/components/ProductGrid/hooks.d.ts +11 -0
- package/product/components/ProductGrid/hooks.d.ts.map +1 -0
- package/product/components/ProductGrid/hooks.js +48 -0
- package/product/components/ProductGrid/index.js +3 -6
- package/product/components/ProductGridPrice/index.js +0 -6
- package/product/components/ProductImage/ProductImage.d.ts +42 -0
- package/product/components/ProductImage/ProductImage.d.ts.map +1 -0
- package/product/components/ProductImage/ProductImage.js +158 -0
- package/product/components/ProductImage/ProductImagePlaceholder.d.ts +23 -0
- package/product/components/ProductImage/ProductImagePlaceholder.d.ts.map +1 -0
- package/product/components/ProductImage/ProductImagePlaceholder.js +12 -17
- package/product/components/ProductImage/constants.d.ts +7 -0
- package/product/components/ProductImage/constants.d.ts.map +1 -0
- package/product/components/ProductImage/constants.js +6 -0
- package/product/components/ProductImage/hooks.d.ts +8 -0
- package/product/components/ProductImage/hooks.d.ts.map +1 -0
- package/product/components/ProductImage/hooks.js +32 -0
- package/product/components/ProductImage/index.d.ts +3 -0
- package/product/components/ProductImage/index.d.ts.map +1 -0
- package/product/components/ProductImage/index.js +1 -201
- package/product/components/ProductList/components/Item/index.js +5 -3
- package/product/components/ProductList/components/Layout/index.js +8 -20
- package/product/components/ProductRatingStars/ProductRatingStars.d.ts.map +1 -1
- package/product/components/ProductRatingStars/ProductRatingStars.js +4 -17
- package/product/components/ProductSlider/constants.d.ts +3 -0
- package/product/components/ProductSlider/constants.d.ts.map +1 -0
- package/product/components/ProductSlider/constants.js +2 -0
- package/product/components/ProductSlider/hooks.d.ts +7 -0
- package/product/components/ProductSlider/hooks.d.ts.map +1 -0
- package/product/components/ProductSlider/hooks.js +40 -0
- package/product/components/ProductSlider/index.js +8 -8
- package/product/components/Rating/index.js +12 -21
- package/product/components/RelationsSlider/RelationsSliderContent.js +3 -2
- package/product/components/RelationsSlider/constants.d.ts +3 -0
- package/product/components/RelationsSlider/constants.d.ts.map +1 -0
- package/product/components/RelationsSlider/constants.js +2 -1
- package/product/components/RelationsSlider/hooks.d.ts +6 -0
- package/product/components/RelationsSlider/hooks.d.ts.map +1 -0
- package/product/components/RelationsSlider/hooks.js +34 -0
- package/product/components/UnitQuantityPicker/UnitQuantityPicker.d.ts.map +1 -1
- package/product/components/UnitQuantityPicker/UnitQuantityPicker.js +15 -33
- package/product/helpers/index.js +29 -11
- package/product/hooks/index.js +3 -1
- package/product/hooks/useLoadProductImage.js +4 -2
- package/product/hooks/useShowEmptyRatingStars.d.ts +7 -0
- package/product/hooks/useShowEmptyRatingStars.d.ts.map +1 -0
- package/product/hooks/useShowEmptyRatingStars.js +21 -0
- package/product/index.js +0 -1
- package/product/selectors/mocks/productProperties.mock.js +49 -0
- package/push-opt-in/components/PushOptInModal/index.js +4 -4
- package/registration/components/Registration/RegistrationFormActions.js +4 -4
- package/reviews/components/Reviews/components/AllReviewsLink/index.js +6 -6
- package/reviews/components/Reviews/components/Header/components/WriteReviewLink/index.js +4 -3
- package/settings/action-creators/appSettings.d.ts +3 -3
- package/settings/action-creators/appSettings.d.ts.map +1 -1
- package/settings/constants/appSettings.d.ts +3 -0
- package/settings/constants/appSettings.d.ts.map +1 -1
- package/settings/constants/appSettings.js +6 -1
- package/settings/constants/imageSettings.d.ts +52 -0
- package/settings/constants/imageSettings.d.ts.map +1 -0
- package/settings/constants/imageSettings.js +69 -0
- package/settings/helpers/index.d.ts +3 -0
- package/settings/helpers/index.d.ts.map +1 -0
- package/settings/helpers/index.js +1 -0
- package/settings/helpers/resolveImageSettings.d.ts +70 -0
- package/settings/helpers/resolveImageSettings.d.ts.map +1 -0
- package/settings/helpers/resolveImageSettings.js +171 -0
- package/settings/helpers/toImageQuality.d.ts +7 -0
- package/settings/helpers/toImageQuality.d.ts.map +1 -0
- package/settings/helpers/toImageQuality.js +44 -0
- package/settings/helpers/toThumborColor.d.ts +15 -0
- package/settings/helpers/toThumborColor.d.ts.map +1 -0
- package/settings/helpers/toThumborColor.js +51 -0
- package/settings/hooks/index.d.ts +2 -0
- package/settings/hooks/index.d.ts.map +1 -0
- package/settings/hooks/index.js +1 -0
- package/settings/hooks/useImageSettings.d.ts +28 -0
- package/settings/hooks/useImageSettings.d.ts.map +1 -0
- package/settings/hooks/useImageSettings.js +39 -0
- package/settings/reducers/appSettings.d.ts.map +1 -1
- package/settings/reducers/appSettings.js +123 -8
- package/settings/reducers/index.d.ts +3 -3
- package/settings/selectors/appSettings.d.ts +122 -1
- package/settings/selectors/appSettings.d.ts.map +1 -1
- package/settings/selectors/appSettings.js +80 -1
- package/settings/types/appSettings.d.ts +279 -0
- package/settings/types/appSettings.d.ts.map +1 -1
- package/settings/types/appSettings.js +133 -1
- package/styles/helpers/index.d.ts +2 -0
- package/styles/helpers/index.js +2 -0
- package/styles/helpers/loadFontCss.d.ts +22 -0
- package/styles/helpers/loadFontCss.d.ts.map +1 -0
- package/styles/helpers/loadFontCss.js +138 -0
- package/styles/helpers/loadThemeCss.d.ts +14 -0
- package/styles/helpers/loadThemeCss.d.ts.map +1 -0
- package/styles/helpers/loadThemeCss.js +123 -0
- package/styles/index.d.ts +1 -1
- package/styles/index.d.ts.map +1 -1
- package/styles/reset/root.js +23 -4
- package/styles/reset/typographyCustomProps.d.ts +12 -0
- package/styles/reset/typographyCustomProps.d.ts.map +1 -0
- package/styles/reset/typographyCustomProps.js +11 -0
- package/styles/theme/createDefaultThemeOptions/index.d.ts +11 -1
- package/styles/theme/createDefaultThemeOptions/index.d.ts.map +1 -1
- package/styles/theme/createDefaultThemeOptions/index.js +129 -10
- package/styles/theme/createTheme/createComponents.types.d.ts +118 -4
- package/styles/theme/createTheme/createComponents.types.d.ts.map +1 -1
- package/styles/theme/createTheme/createComponents.types.js +122 -8
- package/styles/theme/createTheme/createCssVarsForColorSchemeThemes.d.ts.map +1 -1
- package/styles/theme/createTheme/createCssVarsForColorSchemeThemes.js +13 -3
- package/styles/theme/createTheme/createPalette.types.d.ts +5 -0
- package/styles/theme/createTheme/createPalette.types.d.ts.map +1 -1
- package/styles/theme/createTheme/createPalette.types.js +7 -2
- package/styles/theme/createTheme/createShape.d.ts +3 -0
- package/styles/theme/createTheme/createShape.d.ts.map +1 -1
- package/styles/theme/createTheme/createThemeFromColorScheme.d.ts +3 -1
- package/styles/theme/createTheme/createThemeFromColorScheme.d.ts.map +1 -1
- package/styles/theme/createTheme/createThemeFromColorScheme.js +6 -3
- package/styles/theme/createTheme/createTypography.d.ts +4 -2
- package/styles/theme/createTheme/createTypography.js +60 -18
- package/styles/theme/createTheme/helpers/cssVarsParser.d.ts.map +1 -1
- package/styles/theme/createTheme/helpers/cssVarsParser.js +10 -3
- package/styles/theme/createTheme/index.d.ts +2 -1
- package/styles/theme/createTheme/index.d.ts.map +1 -1
- package/styles/theme/createTheme/index.js +3 -1
- package/styles/theme/createTheme/shadows.d.ts +11 -1
- package/styles/theme/createTheme/shadows.d.ts.map +1 -1
- package/styles/theme/createTheme/shadows.js +41 -7
- package/styles/theme/createTheme/types.d.ts +16 -5
- package/styles/theme/createTheme/types.d.ts.map +1 -1
- package/styles/theme/createTheme/types.js +8 -3
- package/styles/theme/hooks/useColorScheme.d.ts +4 -3
- package/styles/theme/hooks/useColorScheme.d.ts.map +1 -1
- package/styles/theme/hooks/useColorScheme.js +4 -3
- package/styles/theme/hooks/useMediaQuery.d.ts +7 -0
- package/styles/theme/hooks/useMediaQuery.d.ts.map +1 -1
- package/styles/theme/hooks/useMediaQuery.js +5 -5
- package/styles/theme/hooks/useTheme.js +1 -1
- package/styles/theme/index.d.ts +4 -1
- package/styles/theme/index.d.ts.map +1 -1
- package/styles/theme/providers/ColorSchemeContext.d.ts +40 -0
- package/styles/theme/providers/ColorSchemeContext.d.ts.map +1 -0
- package/styles/theme/providers/ColorSchemeContext.js +14 -0
- package/styles/theme/providers/ThemeContext.d.ts +3 -0
- package/styles/theme/providers/ThemeContext.d.ts.map +1 -0
- package/styles/theme/providers/ThemeContext.js +2 -0
- package/styles/theme/providers/ThemeProvider.d.ts +3 -13
- package/styles/theme/providers/ThemeProvider.d.ts.map +1 -1
- package/styles/theme/providers/ThemeProvider.js +86 -13
- package/styles/theme/utils/color.d.ts +12 -12
- package/styles/theme/utils/color.d.ts.map +1 -1
- package/tracking/components/CookieConsentModal/index.js +3 -4
- package/tracking/components/PrivacySettings/index.js +3 -3
- package/admin-preview/detection.d.ts.map +0 -1
- package/admin-preview/detection.js +0 -166
- package/cart/components/PaymentBar/PaymentBarReserveButton.connector.js +0 -6
- package/cart/components/PaymentBar/PaymentBarReserveButton.js +0 -71
- package/components/ChipLayout/spec.js +0 -41
- package/components/Logo/spec.js +0 -12
- package/components/NavigationHandler/spec.js +0 -84
- package/components/Picker/spec.js +0 -94
- package/components/PickerUtilize/spec.js +0 -35
- package/components/RangeSlider/spec.js +0 -190
- package/components/SheetList/components/Item/spec.js +0 -101
- package/components/SheetList/spec.js +0 -43
- package/components/TimeBoundary/spec.js +0 -83
- package/filter/components/FilterItem/spec.js +0 -14
- package/filter/components/FilterPageContent/components/ApplyButton/spec.js +0 -46
- package/filter/components/FilterPageContent/components/ResetButton/spec.js +0 -29
- package/filter/components/FilterPageContent/components/Selector/components/Selected/spec.js +0 -26
- package/filter/components/FilterPageContent/components/Selector/components/Toggle/spec.js +0 -34
- package/filter/components/FilterPageContent/components/Selector/components/ValueButton/index.js +0 -69
- package/filter/components/FilterPageContent/components/Selector/components/ValueButton/spec.js +0 -32
- package/filter/components/FilterPageContent/components/Selector/spec.js +0 -33
- package/filter/components/PriceSlider/components/Label/spec.js +0 -26
- package/filter/components/PriceSlider/spec.js +0 -30
- package/locations/components/StoreFinder/StoreFinderGetDirectionsButton.connector.js +0 -16
- package/locations/components/StoreFinder/StoreFinderGetDirectionsButton.js +0 -52
- package/product/collections/index.js +0 -1
- package/product/components/EffectivityDates/constants.d.ts +0 -3
- package/product/components/EffectivityDates/constants.d.ts.map +0 -1
- package/product/components/EffectivityDates/helpers.d.ts +0 -6
- package/product/components/EffectivityDates/helpers.d.ts.map +0 -1
- package/product/components/FilterBar/components/Content/components/FilterChips/connector.js +0 -22
- package/product/components/FilterBar/components/Content/spec.js +0 -136
- package/product/components/Header/Shipping/spec.js +0 -36
- package/product/components/Header/Tiers/components/Tier/spec.js +0 -48
- package/product/components/Header/Tiers/spec.js +0 -64
- package/product/components/Media/helpers.d.ts +0 -2
- package/product/components/Media/helpers.d.ts.map +0 -1
- package/product/components/Options/components/Content/spec.js +0 -73
- package/product/components/Options/components/TextOption/components/OptionInfo/spec.js +0 -72
- package/product/components/ProductDiscountBadge/spec.js +0 -58
- package/product/components/ProductGrid/components/Item/components/ItemDetails/spec.js +0 -73
- package/product/components/ProductGrid/components/Item/components/ItemFavoritesButton/spec.js +0 -33
- package/product/components/ProductGrid/components/Item/components/ItemImage/spec.js +0 -16
- package/product/components/ProductGrid/components/Item/components/ItemName/spec.js +0 -21
- package/product/components/ProductGrid/components/Item/components/ItemPrice/spec.js +0 -37
- package/product/components/ProductGrid/spec.js +0 -52
- package/product/components/ProductImage/connector.js +0 -12
- package/product/components/ProductImage/spec.js +0 -87
- package/product/components/ProductSlider/spec.js +0 -37
- package/product/components/Rating/connector.js +0 -26
- package/product/components/Rating/spec.js +0 -58
- package/product/helpers/index.d.ts +0 -13
- package/product/helpers/index.d.ts.map +0 -1
- package/product/helpers/redirects.d.ts +0 -2
- package/product/helpers/redirects.d.ts.map +0 -1
- package/product/selectors/helpers/filterProperties.d.ts +0 -8
- package/product/selectors/helpers/filterProperties.d.ts.map +0 -1
- package/product/selectors/helpers/index.d.ts +0 -3
- package/product/selectors/helpers/index.d.ts.map +0 -1
- package/product/selectors/helpers/wrapMemoizedSelector.d.ts +0 -2
- package/product/selectors/helpers/wrapMemoizedSelector.d.ts.map +0 -1
- package/product/selectors/product.d.ts +0 -112
- package/product/selectors/product.d.ts.map +0 -1
- package/reviews/components/Reviews/components/Header/components/WriteReviewLink/spec.js +0 -52
- package/reviews/components/Reviews/components/Header/spec.js +0 -78
- package/reviews/components/Reviews/components/List/spec.js +0 -108
- package/reviews/components/Reviews/components/RatingCount/spec.js +0 -38
- package/reviews/components/Reviews/spec.js +0 -101
- package/tsconfig.build.json +0 -26
- package/tsconfig.json +0 -19
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import "core-js/modules/es.string.replace.js";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { Provider } from 'react-redux';
|
|
4
|
-
import { mount } from 'enzyme';
|
|
5
|
-
import { UIEvents } from '@shopgate/pwa-core';
|
|
6
|
-
import { createMockStore } from '@shopgate/pwa-common/store';
|
|
7
|
-
import NavigationHandler from "./index";
|
|
8
|
-
import { NAVIGATION_PUSH, NAVIGATION_POP, NAVIGATION_REPLACE, NAVIGATION_RESET, push, pop, replace, reset } from "../../core/router/helpers";
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
jest.mock('@shopgate/pwa-core', () => {
|
|
11
|
-
const map = {};
|
|
12
|
-
return {
|
|
13
|
-
UIEvents: {
|
|
14
|
-
addListener: jest.fn((event, cb) => {
|
|
15
|
-
map[event] = cb;
|
|
16
|
-
}),
|
|
17
|
-
removeListener: jest.fn(),
|
|
18
|
-
emit: jest.fn((event, params) => {
|
|
19
|
-
map[event](params);
|
|
20
|
-
})
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
});
|
|
24
|
-
describe('<NavigationHandler />', () => {
|
|
25
|
-
const store = createMockStore();
|
|
26
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Provider, {
|
|
27
|
-
store: store,
|
|
28
|
-
children: /*#__PURE__*/_jsx(NavigationHandler, {
|
|
29
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
30
|
-
children: "Some content"
|
|
31
|
-
})
|
|
32
|
-
})
|
|
33
|
-
}));
|
|
34
|
-
it('should render as expected', () => {
|
|
35
|
-
expect(wrapper).toMatchSnapshot();
|
|
36
|
-
});
|
|
37
|
-
it('should trigger the push() callbacks on navigation.push event', async () => {
|
|
38
|
-
await push({
|
|
39
|
-
pathname: '/test'
|
|
40
|
-
});
|
|
41
|
-
expect(UIEvents.emit).toBeCalledWith(NAVIGATION_PUSH, {
|
|
42
|
-
pathname: '/test'
|
|
43
|
-
});
|
|
44
|
-
UIEvents.emit.mockClear();
|
|
45
|
-
});
|
|
46
|
-
it('should trigger the pop() callbacks on navigation.pop event', async () => {
|
|
47
|
-
await pop();
|
|
48
|
-
expect(UIEvents.emit).toBeCalledWith(NAVIGATION_POP);
|
|
49
|
-
UIEvents.emit.mockClear();
|
|
50
|
-
});
|
|
51
|
-
it('should trigger the replace() callbacks on navigation.replace event', async () => {
|
|
52
|
-
await replace({
|
|
53
|
-
pathname: '/test'
|
|
54
|
-
});
|
|
55
|
-
expect(UIEvents.emit).toBeCalledWith(NAVIGATION_REPLACE, {
|
|
56
|
-
pathname: '/test'
|
|
57
|
-
});
|
|
58
|
-
UIEvents.emit.mockClear();
|
|
59
|
-
});
|
|
60
|
-
it('should trigger the reset() callbacks on navigation.reset event', async () => {
|
|
61
|
-
await reset();
|
|
62
|
-
expect(UIEvents.emit).toBeCalledWith(NAVIGATION_RESET);
|
|
63
|
-
UIEvents.emit.mockClear();
|
|
64
|
-
});
|
|
65
|
-
it('should register the navigation event listener', () => {
|
|
66
|
-
const props = wrapper.find('NavigationHandler').props();
|
|
67
|
-
expect(UIEvents.addListener.mock.calls.length).toBe(4);
|
|
68
|
-
expect(UIEvents.addListener.mock.calls[0][0]).toEqual(NAVIGATION_PUSH, props.push);
|
|
69
|
-
expect(UIEvents.addListener.mock.calls[1][0]).toEqual(NAVIGATION_POP, props.pop);
|
|
70
|
-
expect(UIEvents.addListener.mock.calls[2][0]).toEqual(NAVIGATION_REPLACE, props.replace);
|
|
71
|
-
expect(UIEvents.addListener.mock.calls[3][0]).toEqual(NAVIGATION_RESET, props.reset);
|
|
72
|
-
UIEvents.addListener.mockClear();
|
|
73
|
-
});
|
|
74
|
-
it('should unregister the navigation event listener when the component unmounts', () => {
|
|
75
|
-
const props = wrapper.find('NavigationHandler').props();
|
|
76
|
-
wrapper.unmount();
|
|
77
|
-
expect(UIEvents.removeListener.mock.calls.length).toBe(4);
|
|
78
|
-
expect(UIEvents.removeListener.mock.calls[0][0]).toEqual(NAVIGATION_PUSH, props.push);
|
|
79
|
-
expect(UIEvents.removeListener.mock.calls[1][0]).toEqual(NAVIGATION_POP, props.pop);
|
|
80
|
-
expect(UIEvents.removeListener.mock.calls[2][0]).toEqual(NAVIGATION_REPLACE, props.replace);
|
|
81
|
-
expect(UIEvents.removeListener.mock.calls[3][0]).toEqual(NAVIGATION_RESET, props.reset);
|
|
82
|
-
UIEvents.removeListener.mockClear();
|
|
83
|
-
});
|
|
84
|
-
});
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { fireEvent, render, screen } from '@testing-library/react';
|
|
3
|
-
import Picker from "./index";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
jest.mock('@shopgate/engage/components');
|
|
6
|
-
describe('<Picker />', () => {
|
|
7
|
-
const mockItems = ['String only', {
|
|
8
|
-
value: 'Value only'
|
|
9
|
-
}, {
|
|
10
|
-
value: 'value',
|
|
11
|
-
label: 'Value and label'
|
|
12
|
-
}];
|
|
13
|
-
const mockOnChange = jest.fn();
|
|
14
|
-
const mockOnSelect = jest.fn();
|
|
15
|
-
const renderComponent = props => render(/*#__PURE__*/_jsx(Picker, {
|
|
16
|
-
...props
|
|
17
|
-
}));
|
|
18
|
-
beforeEach(() => {
|
|
19
|
-
jest.clearAllMocks();
|
|
20
|
-
});
|
|
21
|
-
describe('Given the component was mounted to the DOM', () => {
|
|
22
|
-
it('should match snapshot', () => {
|
|
23
|
-
const renderedElement = renderComponent({
|
|
24
|
-
items: mockItems,
|
|
25
|
-
onChange: mockOnChange,
|
|
26
|
-
onSelect: mockOnSelect
|
|
27
|
-
});
|
|
28
|
-
expect(renderedElement.container.firstChild).toMatchSnapshot();
|
|
29
|
-
});
|
|
30
|
-
it('should have no selected value', () => {
|
|
31
|
-
renderComponent({
|
|
32
|
-
items: mockItems,
|
|
33
|
-
onChange: mockOnChange,
|
|
34
|
-
onSelect: mockOnSelect
|
|
35
|
-
});
|
|
36
|
-
expect(screen.queryByText('String only')).toBeNull();
|
|
37
|
-
expect(screen.getByText('Pick ...')).toBeTruthy();
|
|
38
|
-
});
|
|
39
|
-
describe('Given picker component gets opened', () => {
|
|
40
|
-
const openPicker = () => {
|
|
41
|
-
const renderedElement = renderComponent({
|
|
42
|
-
items: mockItems,
|
|
43
|
-
onChange: mockOnChange,
|
|
44
|
-
onSelect: mockOnSelect
|
|
45
|
-
});
|
|
46
|
-
fireEvent.click(renderedElement.container.querySelector('button.engage__picker__button'));
|
|
47
|
-
return renderedElement;
|
|
48
|
-
};
|
|
49
|
-
it('should have isOpen state', () => {
|
|
50
|
-
openPicker();
|
|
51
|
-
expect(document.querySelector('.engage__picker_modal')).toBeTruthy();
|
|
52
|
-
});
|
|
53
|
-
it('should render the picker list', () => {
|
|
54
|
-
openPicker();
|
|
55
|
-
expect(document.querySelector('ul.engage__picker_list')).toBeTruthy();
|
|
56
|
-
});
|
|
57
|
-
it('should render the picker items', () => {
|
|
58
|
-
const renderedElement = openPicker();
|
|
59
|
-
expect(renderedElement.container.querySelectorAll('li button').length).toBe(mockItems.length);
|
|
60
|
-
});
|
|
61
|
-
describe('Given a item gets selected', () => {
|
|
62
|
-
jest.useFakeTimers();
|
|
63
|
-
afterEach(() => {
|
|
64
|
-
jest.clearAllTimers();
|
|
65
|
-
});
|
|
66
|
-
it('should trigger onChange when the value changed', () => {
|
|
67
|
-
const renderedElement = openPicker();
|
|
68
|
-
fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
|
|
69
|
-
jest.runAllTimers();
|
|
70
|
-
expect(mockOnChange).toHaveBeenCalledTimes(1);
|
|
71
|
-
});
|
|
72
|
-
it('should trigger onSelect when the value changed', () => {
|
|
73
|
-
const renderedElement = openPicker();
|
|
74
|
-
fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
|
|
75
|
-
jest.runAllTimers();
|
|
76
|
-
expect(mockOnSelect).toHaveBeenCalledTimes(1);
|
|
77
|
-
});
|
|
78
|
-
it('should not trigger onChange when the value did not change, but trigger onSelect', () => {
|
|
79
|
-
const renderedElement = renderComponent({
|
|
80
|
-
items: mockItems,
|
|
81
|
-
value: 'String only',
|
|
82
|
-
onChange: mockOnChange,
|
|
83
|
-
onSelect: mockOnSelect
|
|
84
|
-
});
|
|
85
|
-
fireEvent.click(renderedElement.container.querySelector('button.engage__picker__button'));
|
|
86
|
-
fireEvent.click(renderedElement.container.querySelectorAll('li button')[0]);
|
|
87
|
-
jest.runAllTimers();
|
|
88
|
-
expect(mockOnChange).toHaveBeenCalledTimes(0);
|
|
89
|
-
expect(mockOnSelect).toHaveBeenCalledTimes(1);
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
});
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import Picker from "./index";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
jest.mock('@shopgate/engage/components/View');
|
|
6
|
-
jest.mock('@shopgate/engage/components', () => {
|
|
7
|
-
function SheetList({
|
|
8
|
-
children
|
|
9
|
-
}) {
|
|
10
|
-
return children;
|
|
11
|
-
}
|
|
12
|
-
SheetList.Item = function Item() {
|
|
13
|
-
return null;
|
|
14
|
-
};
|
|
15
|
-
return {
|
|
16
|
-
Typography: ({
|
|
17
|
-
children
|
|
18
|
-
}) => children,
|
|
19
|
-
SheetList,
|
|
20
|
-
Sheet: ({
|
|
21
|
-
children
|
|
22
|
-
}) => children,
|
|
23
|
-
Picker: jest.requireActual('@shopgate/engage/components/Picker').default,
|
|
24
|
-
ConnectedReactPortal: jest.requireActual('@shopgate/engage/components/ConnectedReactPortal/__mocks__').default
|
|
25
|
-
};
|
|
26
|
-
});
|
|
27
|
-
describe('<Picker />', () => {
|
|
28
|
-
it('should render the picker', () => {
|
|
29
|
-
const label = 'Picker label';
|
|
30
|
-
const wrapper = render(/*#__PURE__*/_jsx(Picker, {
|
|
31
|
-
label: label
|
|
32
|
-
}));
|
|
33
|
-
expect(wrapper.asFragment()).toMatchSnapshot();
|
|
34
|
-
});
|
|
35
|
-
});
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
/* eslint-disable function-call-argument-newline */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { shallow, mount } from 'enzyme';
|
|
4
|
-
import RangeSlider from "./index";
|
|
5
|
-
import RangeSliderHandle from "./components/Handle";
|
|
6
|
-
import { generateLinearEasingCallback, generateExponentialEasingCallback, getAbsoluteValue, getRelativeValue } from "./helper";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* Creates a (fake) touch event.
|
|
10
|
-
* @param {number} pageX the x page offset of the simulated touch event
|
|
11
|
-
* @returns {Object} the new fake event containing only the properties required for testing.
|
|
12
|
-
*/
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
const createTouchEvent = pageX => {
|
|
15
|
-
// Simulate a handle of 16px width.
|
|
16
|
-
const simulatedHandleWidth = 16;
|
|
17
|
-
const simulatedHandleHalfWidth = simulatedHandleWidth / 2;
|
|
18
|
-
const touchEvent = {
|
|
19
|
-
target: {
|
|
20
|
-
offsetWidth: simulatedHandleWidth,
|
|
21
|
-
getBoundingClientRect: () => ({
|
|
22
|
-
// Simulate a touch on the center of the handle.
|
|
23
|
-
left: pageX - simulatedHandleHalfWidth
|
|
24
|
-
})
|
|
25
|
-
},
|
|
26
|
-
touches: [{
|
|
27
|
-
pageX
|
|
28
|
-
}]
|
|
29
|
-
};
|
|
30
|
-
return touchEvent;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Simulates a series of touch events.
|
|
35
|
-
* This function will automatically validate the from/to values of the range slider.
|
|
36
|
-
* An extra testCallback may be provided to perform additional checks.
|
|
37
|
-
*
|
|
38
|
-
* @param {number} pxWidth The simulated width of the DOM element (in px).
|
|
39
|
-
* @param {number} pxOffset The simulated left offset of the DOM element (in px).
|
|
40
|
-
* @param {number} min The absolute minimum value of the slider.
|
|
41
|
-
* @param {number} max The absolute maximum value of the slider.
|
|
42
|
-
* @param {Array} value The initial value(s) of the slider.
|
|
43
|
-
* @param {string} easing The name of the easing function.
|
|
44
|
-
* @param {number} resolutionOrFactor The resolution or factor for the easing function.
|
|
45
|
-
* @param {Array} simulateSteps A set of relative horizontal pixel movements to simulate.
|
|
46
|
-
* @param {Function} testCallback An optional callback for the onChange event of the slider.
|
|
47
|
-
*/
|
|
48
|
-
const simulateInputTest = (pxWidth, pxOffset, min, max, value, easing, resolutionOrFactor, simulateSteps, testCallback) => {
|
|
49
|
-
const config = {
|
|
50
|
-
totalPixelWidth: pxWidth,
|
|
51
|
-
leftPixelOffset: pxOffset,
|
|
52
|
-
min,
|
|
53
|
-
max,
|
|
54
|
-
easing,
|
|
55
|
-
resolution: resolutionOrFactor,
|
|
56
|
-
factor: resolutionOrFactor,
|
|
57
|
-
initialValue: value,
|
|
58
|
-
valuePixelSize: pxWidth / (max - min),
|
|
59
|
-
currentTouchDeltaX: 0
|
|
60
|
-
};
|
|
61
|
-
config.currentTouchDeltaX = config.valuePixelSize * value[1];
|
|
62
|
-
const ease = {
|
|
63
|
-
linear: generateLinearEasingCallback(config.resolution),
|
|
64
|
-
exponential: generateExponentialEasingCallback(config.factor)
|
|
65
|
-
}[config.easing];
|
|
66
|
-
const callback = ([from, to]) => {
|
|
67
|
-
const {
|
|
68
|
-
currentTouchDeltaX,
|
|
69
|
-
valuePixelSize
|
|
70
|
-
} = config;
|
|
71
|
-
const relativeValue = getRelativeValue(currentTouchDeltaX / valuePixelSize, min, max);
|
|
72
|
-
const expected = getAbsoluteValue(ease(relativeValue), config.min, config.max, true);
|
|
73
|
-
expect(expected === from || expected === to).toBe(true);
|
|
74
|
-
if (testCallback) {
|
|
75
|
-
testCallback(config, from, to);
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const wrapper = mount(/*#__PURE__*/_jsx(RangeSlider, {
|
|
79
|
-
min: config.min,
|
|
80
|
-
max: config.max,
|
|
81
|
-
value: config.initialValue,
|
|
82
|
-
easing: easing,
|
|
83
|
-
resolution: config.resolution,
|
|
84
|
-
factor: config.factor,
|
|
85
|
-
onChange: callback
|
|
86
|
-
}));
|
|
87
|
-
expect(wrapper).toMatchSnapshot();
|
|
88
|
-
|
|
89
|
-
// Create a simulated touch event.
|
|
90
|
-
const pageX = config.leftPixelOffset + config.currentTouchDeltaX;
|
|
91
|
-
const touchEvent = createTouchEvent(pageX);
|
|
92
|
-
const inst = wrapper.instance();
|
|
93
|
-
inst.handleTouchStart(touchEvent, 1);
|
|
94
|
-
simulateSteps.forEach(deltaX => {
|
|
95
|
-
config.currentTouchDeltaX += deltaX;
|
|
96
|
-
touchEvent.touches[0].pageX = config.leftPixelOffset + config.currentTouchDeltaX;
|
|
97
|
-
Object.defineProperty(inst.domElement, 'offsetLeft', {
|
|
98
|
-
get: () => config.leftPixelOffset,
|
|
99
|
-
configurable: true
|
|
100
|
-
});
|
|
101
|
-
Object.defineProperty(inst.domElement, 'offsetWidth', {
|
|
102
|
-
get: () => config.totalPixelWidth,
|
|
103
|
-
configurable: true
|
|
104
|
-
});
|
|
105
|
-
inst.handleTouchMove(touchEvent);
|
|
106
|
-
});
|
|
107
|
-
inst.handleTouchEnd();
|
|
108
|
-
};
|
|
109
|
-
describe.skip('<RangeSlider />', () => {
|
|
110
|
-
/**
|
|
111
|
-
* Simple attribute tests
|
|
112
|
-
*/
|
|
113
|
-
|
|
114
|
-
it('renders with boundaries', () => {
|
|
115
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {
|
|
116
|
-
min: 0,
|
|
117
|
-
max: 100
|
|
118
|
-
}));
|
|
119
|
-
expect(wrapper).toMatchSnapshot();
|
|
120
|
-
expect(wrapper.find(RangeSliderHandle).length).toBe(2);
|
|
121
|
-
});
|
|
122
|
-
it('renders without boundaries', () => {
|
|
123
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {}));
|
|
124
|
-
expect(wrapper).toMatchSnapshot();
|
|
125
|
-
expect(wrapper.find(RangeSliderHandle).length).toBe(2);
|
|
126
|
-
});
|
|
127
|
-
it('renders without a value pair', () => {
|
|
128
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(RangeSlider, {
|
|
129
|
-
value: [10, 50]
|
|
130
|
-
}));
|
|
131
|
-
expect(wrapper).toMatchSnapshot();
|
|
132
|
-
expect(wrapper.find(RangeSliderHandle).length).toBe(2);
|
|
133
|
-
});
|
|
134
|
-
|
|
135
|
-
/**
|
|
136
|
-
* Callback tests
|
|
137
|
-
*/
|
|
138
|
-
it('emits onChange if handle was touched (linear)', () => {
|
|
139
|
-
simulateInputTest(100, 73,
|
|
140
|
-
// Range slider pixel width and offset.
|
|
141
|
-
0, 100,
|
|
142
|
-
// Range slider minimum and maximum value.
|
|
143
|
-
[50, 75],
|
|
144
|
-
// Initial value.
|
|
145
|
-
'linear',
|
|
146
|
-
// Which easing should be used.
|
|
147
|
-
0.01,
|
|
148
|
-
// Resolution.
|
|
149
|
-
[
|
|
150
|
-
// A series of pixel offsets to move the slider handle.
|
|
151
|
-
+0, +3, -15, +17, -80, +75]);
|
|
152
|
-
});
|
|
153
|
-
it('emits onChange if handle was touched (exponential)', () => {
|
|
154
|
-
simulateInputTest(78, 12,
|
|
155
|
-
// Range slider pixel width and offset.
|
|
156
|
-
0, 1000,
|
|
157
|
-
// Range slider minimum maximum value.
|
|
158
|
-
[10, 450],
|
|
159
|
-
// Initial value.
|
|
160
|
-
'exponential',
|
|
161
|
-
// Which easing should be used.
|
|
162
|
-
0.01,
|
|
163
|
-
// Resolution.
|
|
164
|
-
[
|
|
165
|
-
// A series of pixel offsets to move the slider handle.
|
|
166
|
-
+10, +10, +10, +10, +10, +10, +10, +10, -10, -10, -10, -10, -10, -10, -10, -10, +3, -15, +17, -80, +104, -23, -12, +67]);
|
|
167
|
-
});
|
|
168
|
-
it('emits onChange if the outer range was touched', () => {
|
|
169
|
-
const callback = value => expect(value).toEqual([-80, 0]);
|
|
170
|
-
const wrapper = mount(/*#__PURE__*/_jsx(RangeSlider, {
|
|
171
|
-
min: -100,
|
|
172
|
-
max: 100,
|
|
173
|
-
value: [0, 0],
|
|
174
|
-
onChange: callback
|
|
175
|
-
}));
|
|
176
|
-
// Create a simulated touch event at a page x offset of 20px.
|
|
177
|
-
const touchEvent = createTouchEvent(20);
|
|
178
|
-
const inst = wrapper.instance();
|
|
179
|
-
Object.defineProperty(inst.domElement, 'offsetLeft', {
|
|
180
|
-
get: () => 0,
|
|
181
|
-
configurable: true
|
|
182
|
-
});
|
|
183
|
-
Object.defineProperty(inst.domElement, 'offsetWidth', {
|
|
184
|
-
get: () => 200,
|
|
185
|
-
configurable: true
|
|
186
|
-
});
|
|
187
|
-
inst.handleRangeTouch(touchEvent);
|
|
188
|
-
});
|
|
189
|
-
});
|
|
190
|
-
/* eslint-enable function-call-argument-newline */
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { mount } from 'enzyme';
|
|
3
|
-
import Glow from '@shopgate/pwa-ui-shared/Glow';
|
|
4
|
-
import Item from "./index";
|
|
5
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
jest.mock('@shopgate/pwa-common/components/Link', () => {
|
|
7
|
-
/**
|
|
8
|
-
* Mocked LinkComponent.
|
|
9
|
-
* @return {JSX}
|
|
10
|
-
*/
|
|
11
|
-
const Link = () => /*#__PURE__*/_jsx("div", {});
|
|
12
|
-
return Link;
|
|
13
|
-
});
|
|
14
|
-
describe('<SheetList.Item />', () => {
|
|
15
|
-
const title = 'My Title';
|
|
16
|
-
it('should render with a title but no image', () => {
|
|
17
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
18
|
-
title: title
|
|
19
|
-
}));
|
|
20
|
-
expect(wrapper).toMatchSnapshot();
|
|
21
|
-
expect(wrapper.find('img').exists()).toBeFalsy();
|
|
22
|
-
});
|
|
23
|
-
it('should render with an image', () => {
|
|
24
|
-
const image = /*#__PURE__*/_jsx("img", {
|
|
25
|
-
src: "url/to/image",
|
|
26
|
-
alt: "Alternative text"
|
|
27
|
-
});
|
|
28
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
29
|
-
title: title,
|
|
30
|
-
image: image
|
|
31
|
-
}));
|
|
32
|
-
expect(wrapper).toMatchSnapshot();
|
|
33
|
-
expect(wrapper.find('img').exists()).toBeTruthy();
|
|
34
|
-
});
|
|
35
|
-
it('should render with a right component', () => {
|
|
36
|
-
const rightComponent = /*#__PURE__*/_jsx("span", {
|
|
37
|
-
children: "I`m a span."
|
|
38
|
-
});
|
|
39
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
40
|
-
title: title,
|
|
41
|
-
rightComponent: rightComponent
|
|
42
|
-
}));
|
|
43
|
-
expect(wrapper).toMatchSnapshot();
|
|
44
|
-
expect(wrapper.contains(/*#__PURE__*/_jsx("span", {
|
|
45
|
-
children: "I`m a span."
|
|
46
|
-
}))).toEqual(true);
|
|
47
|
-
});
|
|
48
|
-
it('should render without a Glow when selected', () => {
|
|
49
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
50
|
-
title: title,
|
|
51
|
-
isSelected: true
|
|
52
|
-
}));
|
|
53
|
-
expect(wrapper).toMatchSnapshot();
|
|
54
|
-
expect(wrapper.find(Glow).exists()).toBeFalsy();
|
|
55
|
-
});
|
|
56
|
-
it('should render without a Glow when disabled', () => {
|
|
57
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
58
|
-
title: title,
|
|
59
|
-
isDisabled: true
|
|
60
|
-
}));
|
|
61
|
-
expect(wrapper).toMatchSnapshot();
|
|
62
|
-
expect(wrapper.find(Glow).exists()).toBeFalsy();
|
|
63
|
-
});
|
|
64
|
-
it('should render with a link', () => {
|
|
65
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
66
|
-
title: title,
|
|
67
|
-
link: "url/to/somewhere"
|
|
68
|
-
}));
|
|
69
|
-
expect(wrapper).toMatchSnapshot();
|
|
70
|
-
expect(wrapper.find('Link').exists()).toBeTruthy();
|
|
71
|
-
});
|
|
72
|
-
it('should render with an onClick element', () => {
|
|
73
|
-
const spy = jest.fn();
|
|
74
|
-
const clickHandler = () => {
|
|
75
|
-
/**
|
|
76
|
-
* The spy can't be assigned directly to the event, since the snapshot gets too big
|
|
77
|
-
* and the test execution is heavily slowed down.
|
|
78
|
-
*/
|
|
79
|
-
spy();
|
|
80
|
-
};
|
|
81
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
82
|
-
title: title,
|
|
83
|
-
onClick: clickHandler
|
|
84
|
-
}));
|
|
85
|
-
wrapper.simulate('click');
|
|
86
|
-
expect(wrapper).toMatchSnapshot();
|
|
87
|
-
expect(spy).toHaveBeenCalledTimes(1);
|
|
88
|
-
});
|
|
89
|
-
it('should re-render when isDisabled changes (memo allows leftComponent path)', () => {
|
|
90
|
-
const wrapper = mount(/*#__PURE__*/_jsx(Item, {
|
|
91
|
-
title: title,
|
|
92
|
-
isDisabled: true
|
|
93
|
-
}));
|
|
94
|
-
expect(wrapper.find('.engage__sheet-list__item').exists()).toBe(true);
|
|
95
|
-
wrapper.setProps({
|
|
96
|
-
isDisabled: false
|
|
97
|
-
});
|
|
98
|
-
wrapper.update();
|
|
99
|
-
expect(wrapper.find('.engage__sheet-list__item').exists()).toBe(true);
|
|
100
|
-
});
|
|
101
|
-
});
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { mount } from 'enzyme';
|
|
3
|
-
import BaseListItem from '@shopgate/pwa-common/components/List/components/Item';
|
|
4
|
-
import SheetList from "./index";
|
|
5
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
describe('<SheetList />', () => {
|
|
7
|
-
it('should render with two children', () => {
|
|
8
|
-
const wrapper = mount(/*#__PURE__*/_jsxs(SheetList, {
|
|
9
|
-
children: [/*#__PURE__*/_jsx(SheetList.Item, {
|
|
10
|
-
title: "List Item"
|
|
11
|
-
}), /*#__PURE__*/_jsx(SheetList.Item, {
|
|
12
|
-
title: "List Item"
|
|
13
|
-
})]
|
|
14
|
-
}));
|
|
15
|
-
expect(wrapper).toMatchSnapshot();
|
|
16
|
-
expect(wrapper.find(SheetList.Item).length).toEqual(2);
|
|
17
|
-
});
|
|
18
|
-
it('should render a child and add styles for list items with images', () => {
|
|
19
|
-
const wrapper = mount(/*#__PURE__*/_jsx(SheetList, {
|
|
20
|
-
hasImages: true,
|
|
21
|
-
children: /*#__PURE__*/_jsx(SheetList.Item, {
|
|
22
|
-
title: "List Item"
|
|
23
|
-
})
|
|
24
|
-
}));
|
|
25
|
-
expect(wrapper).toMatchSnapshot();
|
|
26
|
-
expect(wrapper.find(SheetList.Item).length).toEqual(1);
|
|
27
|
-
expect(wrapper.find(BaseListItem).first().hasClass('engage__sheet-list__item')).toBeTruthy();
|
|
28
|
-
});
|
|
29
|
-
it('should not render without children', () => {
|
|
30
|
-
const wrapper = mount(/*#__PURE__*/_jsx(SheetList, {}));
|
|
31
|
-
expect(wrapper).toMatchSnapshot();
|
|
32
|
-
expect(wrapper.find(SheetList).html()).toBe(null);
|
|
33
|
-
});
|
|
34
|
-
it('should not render invalid children', () => {
|
|
35
|
-
const wrapper = mount(/*#__PURE__*/_jsxs(SheetList, {
|
|
36
|
-
children: [/*#__PURE__*/_jsx(SheetList.Item, {
|
|
37
|
-
title: "List Item"
|
|
38
|
-
}), "xxx"]
|
|
39
|
-
}));
|
|
40
|
-
expect(wrapper).toMatchSnapshot();
|
|
41
|
-
expect(wrapper.find(SheetList.Item).length).toEqual(1);
|
|
42
|
-
});
|
|
43
|
-
});
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
/* eslint-disable extra-rules/no-single-line-objects */
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { mount } from 'enzyme';
|
|
4
|
-
import { second$ } from '@shopgate/pwa-common/streams/interval';
|
|
5
|
-
import TimeBoundary from "./index";
|
|
6
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
describe('<TimeBoundary>', () => {
|
|
8
|
-
const nowMs = new Date().getTime();
|
|
9
|
-
let subscription;
|
|
10
|
-
let subscribeSpy;
|
|
11
|
-
let children;
|
|
12
|
-
beforeEach(() => {
|
|
13
|
-
subscription = {
|
|
14
|
-
unsubscribe: jest.fn()
|
|
15
|
-
};
|
|
16
|
-
subscribeSpy = jest.spyOn(second$, 'subscribe').mockReturnValue(subscription);
|
|
17
|
-
children = jest.fn();
|
|
18
|
-
});
|
|
19
|
-
afterEach(() => {
|
|
20
|
-
jest.clearAllMocks();
|
|
21
|
-
});
|
|
22
|
-
it('should render valid time span', () => {
|
|
23
|
-
expect.assertions(1);
|
|
24
|
-
// -30sec < wrapper < +30sec
|
|
25
|
-
mount(/*#__PURE__*/_jsx(TimeBoundary, {
|
|
26
|
-
start: new Date(nowMs - 30000),
|
|
27
|
-
end: new Date(nowMs + 30000),
|
|
28
|
-
children: children
|
|
29
|
-
}));
|
|
30
|
-
expect(children).toHaveBeenCalledWith({
|
|
31
|
-
before: false,
|
|
32
|
-
between: true,
|
|
33
|
-
after: false
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
it('should not render expired time span', () => {
|
|
37
|
-
expect.assertions(1);
|
|
38
|
-
// -60sec < wrapper < -30sec
|
|
39
|
-
mount(/*#__PURE__*/_jsx(TimeBoundary, {
|
|
40
|
-
start: new Date(nowMs - 60000),
|
|
41
|
-
end: new Date(nowMs - 30000),
|
|
42
|
-
children: children
|
|
43
|
-
}));
|
|
44
|
-
expect(children).toHaveBeenCalledWith({
|
|
45
|
-
before: false,
|
|
46
|
-
between: false,
|
|
47
|
-
after: true
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
it('should hide after time span expired', () => {
|
|
51
|
-
expect.assertions(4);
|
|
52
|
-
// -30sec < wrapper < +2sec
|
|
53
|
-
const wrapper = mount(/*#__PURE__*/_jsx(TimeBoundary, {
|
|
54
|
-
start: new Date(nowMs - 30000),
|
|
55
|
-
end: new Date(nowMs + 2000),
|
|
56
|
-
children: children
|
|
57
|
-
}));
|
|
58
|
-
const checkBoundaryMethod = wrapper.instance().checkBoundary;
|
|
59
|
-
expect(subscribeSpy).toHaveBeenCalledTimes(1);
|
|
60
|
-
expect(subscribeSpy).toHaveBeenCalledWith(checkBoundaryMethod);
|
|
61
|
-
|
|
62
|
-
// Simulate time is over
|
|
63
|
-
jest.spyOn(Date, 'now').mockReturnValue(new Date(nowMs + 3000));
|
|
64
|
-
// simulate rxjs emitting
|
|
65
|
-
checkBoundaryMethod();
|
|
66
|
-
wrapper.update();
|
|
67
|
-
expect(subscription.unsubscribe).toHaveBeenCalledTimes(1);
|
|
68
|
-
expect(children.mock.calls).toEqual([[{
|
|
69
|
-
after: false,
|
|
70
|
-
before: false,
|
|
71
|
-
between: false
|
|
72
|
-
}], [{
|
|
73
|
-
after: false,
|
|
74
|
-
before: false,
|
|
75
|
-
between: true
|
|
76
|
-
}], [{
|
|
77
|
-
after: true,
|
|
78
|
-
before: false,
|
|
79
|
-
between: false
|
|
80
|
-
}]]);
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
/* eslint-enable extra-rules/no-single-line-objects */
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
import Item from "./index";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
describe('Filter: <Item />', () => {
|
|
6
|
-
it('should render', () => {
|
|
7
|
-
const wrapper = render(/*#__PURE__*/_jsx(Item, {
|
|
8
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
9
|
-
children: "Some"
|
|
10
|
-
})
|
|
11
|
-
}));
|
|
12
|
-
expect(wrapper.asFragment()).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { shallow } from 'enzyme';
|
|
3
|
-
import ApplyButton from "./index";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
const clickMock = jest.fn();
|
|
6
|
-
jest.mock('@shopgate/engage/components');
|
|
7
|
-
jest.mock('@shopgate/engage/core', () => ({
|
|
8
|
-
withWidgetSettings: function withWidgetSettings(Comp) {
|
|
9
|
-
return props => /*#__PURE__*/_jsx(Comp, {
|
|
10
|
-
widgetSettings: {},
|
|
11
|
-
...props
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
}));
|
|
15
|
-
jest.mock('@shopgate/engage/components', () => ({
|
|
16
|
-
SurroundPortals: ({
|
|
17
|
-
children
|
|
18
|
-
}) => children,
|
|
19
|
-
I18n: {
|
|
20
|
-
Text: () => 'I18n.Text'
|
|
21
|
-
},
|
|
22
|
-
Button: () => 'Button'
|
|
23
|
-
}));
|
|
24
|
-
describe('Filter: <ApplyButton />', () => {
|
|
25
|
-
it('should render as activated', () => {
|
|
26
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(ApplyButton, {
|
|
27
|
-
onClick: () => {}
|
|
28
|
-
})).dive();
|
|
29
|
-
expect(wrapper).toMatchSnapshot();
|
|
30
|
-
});
|
|
31
|
-
it('should render as deactivated', () => {
|
|
32
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(ApplyButton, {
|
|
33
|
-
disabled: true,
|
|
34
|
-
onClick: () => {}
|
|
35
|
-
})).dive();
|
|
36
|
-
expect(wrapper).toMatchSnapshot();
|
|
37
|
-
});
|
|
38
|
-
it('should handle clicks', () => {
|
|
39
|
-
const wrapper = shallow(/*#__PURE__*/_jsx(ApplyButton, {
|
|
40
|
-
onClick: clickMock
|
|
41
|
-
})).dive();
|
|
42
|
-
expect(wrapper).toMatchSnapshot();
|
|
43
|
-
wrapper.find('Button').simulate('click');
|
|
44
|
-
expect(clickMock).toHaveBeenCalled();
|
|
45
|
-
});
|
|
46
|
-
});
|