@magento/venia-ui 11.7.0 → 11.7.1-alpha12

package/lib/components/App/__tests__/app.spec.js

@@ -88,17 +88,42 @@ jest.mock('@magento/peregrine/lib/util/createErrorRecord', () => ({
     })
 }));
 
-jest.mock('@apollo/client', () => ({
-    useMutation: jest.fn().mockImplementation(() => [
-        jest.fn().mockImplementation(() => {
-            return {
-                data: {
-                    createEmptyCart: 'cartIdFromGraphQL'
-                }
-            };
-        })
-    ])
-}));
+jest.mock('@apollo/client', () => {
+    const actual = jest.requireActual('@apollo/client');
+    return {
+        ...actual,
+        useMutation: jest.fn().mockImplementation(() => [
+            jest.fn().mockImplementation(() => {
+                return {
+                    data: {
+                        createEmptyCart: 'cartIdFromGraphQL'
+                    }
+                };
+            })
+        ])
+    };
+});
+
+jest.mock('@magento/peregrine/lib/context/user', () => {
+    const state = { isSignedIn: false, currentUser: null };
+    const api = {
+        signOut: jest.fn(),
+        getUserDetails: jest.fn()
+    };
+    const useUserContext = jest.fn(() => [state, api]);
+
+    return { useUserContext };
+});
+
+jest.mock(
+    '@magento/peregrine/lib/hooks/useCustomerWishlistSkus/useCustomerWishlistSkus',
+    () => ({
+        useCustomerWishlistSkus: jest.fn(() => ({
+            customerWishlistSkus: [],
+            loading: false
+        }))
+    })
+);
 
 jest.mock('react-router-dom', () => ({
     useHistory: jest.fn()

package/lib/components/Select/select.js

@@ -1,11 +1,7 @@
 import React, { Fragment } from 'react';
 import { arrayOf, node, number, oneOfType, shape, string } from 'prop-types';
-import {
-    Option as InformedOption,
-    Select as InformedSelect,
-    useFieldState
-} from 'informed';
-
+import { Option as InformedOption, Select as InformedSelect } from 'informed';
+import useFieldState from '@magento/peregrine/lib/hooks/hook-wrappers/useInformedFieldStateWrapper';
 import { useStyle } from '../../classify';
 import { FieldIcons, Message } from '../Field';
 import defaultClasses from './select.module.css';

package/lib/targets/venia-ui-intercept.js

@@ -12,7 +12,10 @@ const SummaryPaymentTypes = require('./SummaryPaymentTypes');
 const RootShimmerTypes = require('./RootShimmerTypes');
 
 module.exports = veniaTargets => {
-    const venia = new Targetables(veniaTargets);
+    if (!veniaTargets) {
+        throw new Error('veniaTargets not provided — check local-intercept.js');
+    }
+    const venia = Targetables.using(veniaTargets);
 
     venia.setSpecialFeatures(
         'cssModules',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magento/venia-ui",
-  "version": "11.7.0",
+  "version": "11.7.1-alpha12",
   "publishConfig": {
     "access": "public"
   },
@@ -80,8 +80,8 @@
   "peerDependencies": {
     "@apollo/client": "~3.5.0",
     "@magento/babel-preset-peregrine": "~1.3.3",
-    "@magento/peregrine": "~15.5.1",
-    "@magento/pwa-buildpack": "~11.5.4",
+    "@magento/peregrine": "15.6.2-alpha12",
+    "@magento/pwa-buildpack": "11.5.5-alpha12",
     "apollo-cache-persist": "~0.1.1",
     "braintree-web-drop-in": "~1.43.0",
     "graphql": "~15.5.0",