@magento/venia-ui 11.7.1 → 11.7.2-alpha2

package/lib/RootComponents/Category/__tests__/__snapshots__/category.spec.js.snap

@@ -62,6 +62,7 @@ exports[`Category Root Component error view renders when data is not present and
     </p>
     <div>
       <button
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -74,6 +75,7 @@ exports[`Category Root Component error view renders when data is not present and
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span>

package/lib/components/AccountInformationPage/__tests__/__snapshots__/editForm.spec.js.snap

@@ -191,6 +191,7 @@ exports[`renders form when shouldShowNewPassword is false 1`] = `
           >
             <button
               className="passwordButton"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -203,6 +204,7 @@ exports[`renders form when shouldShowNewPassword is false 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="button"
             >
               <span
@@ -245,6 +247,7 @@ exports[`renders form when shouldShowNewPassword is false 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -257,6 +260,7 @@ exports[`renders form when shouldShowNewPassword is false 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -463,6 +467,7 @@ exports[`renders form when shouldShowNewPassword is true  1`] = `
           >
             <button
               className="passwordButton"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -475,6 +480,7 @@ exports[`renders form when shouldShowNewPassword is true  1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="button"
             >
               <span
@@ -554,6 +560,7 @@ exports[`renders form when shouldShowNewPassword is true  1`] = `
           >
             <button
               className="passwordButton"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -566,6 +573,7 @@ exports[`renders form when shouldShowNewPassword is true  1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="button"
             >
               <span

package/lib/components/AccountInformationPage/__tests__/__snapshots__/editModal.spec.js.snap

@@ -78,6 +78,7 @@ exports[`it disables the submit button while loading 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[MockFunction onCancel]}
               onDragStart={[Function]}
@@ -103,6 +104,7 @@ exports[`it disables the submit button while loading 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -212,6 +214,7 @@ exports[`it renders correctly 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[MockFunction onCancel]}
               onDragStart={[Function]}
@@ -224,6 +227,7 @@ exports[`it renders correctly 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -237,6 +241,7 @@ exports[`it renders correctly 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -249,6 +254,7 @@ exports[`it renders correctly 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span

package/lib/components/AddToCartDialog/__tests__/__snapshots__/addToCartDialog.spec.js.snap

@@ -68,6 +68,7 @@ exports[`renders dialog with content 1`] = `
       />
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction buttonProps.onClick]}
         onDragStart={[Function]}
@@ -80,6 +81,7 @@ exports[`renders dialog with content 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span

package/lib/components/AddressBookPage/__tests__/__snapshots__/addressBookPage.spec.js.snap

@@ -65,6 +65,7 @@ exports[`renders correctly when there are existing addresses 1`] = `
     />
     <button
       className="addButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleAddAddress]}
       onDragStart={[Function]}
@@ -77,6 +78,7 @@ exports[`renders correctly when there are existing addresses 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -143,6 +145,7 @@ exports[`renders correctly when there are no existing addresses 1`] = `
   >
     <button
       className="addButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleAddAddress]}
       onDragStart={[Function]}
@@ -155,6 +158,7 @@ exports[`renders correctly when there are no existing addresses 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -266,6 +270,7 @@ exports[`renders delete confirmation on address that is being deleted 1`] = `
     />
     <button
       className="addButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleAddAddress]}
       onDragStart={[Function]}
@@ -278,6 +283,7 @@ exports[`renders delete confirmation on address that is being deleted 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/AddressBookPage/__tests__/__snapshots__/addressCard.spec.js.snap

@@ -59,6 +59,7 @@ exports[`renders a default address 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onEdit]}
       onDragStart={[Function]}
@@ -71,6 +72,7 @@ exports[`renders a default address 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -161,6 +163,7 @@ exports[`renders a non-default address 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onEdit]}
       onDragStart={[Function]}
@@ -173,6 +176,7 @@ exports[`renders a non-default address 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -210,6 +214,7 @@ exports[`renders a non-default address 1`] = `
     </button>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onDelete]}
       onDragStart={[Function]}
@@ -222,6 +227,7 @@ exports[`renders a non-default address 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -335,6 +341,7 @@ exports[`renders an address with a middle name 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onEdit]}
       onDragStart={[Function]}
@@ -347,6 +354,7 @@ exports[`renders an address with a middle name 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -445,6 +453,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onEdit]}
       onDragStart={[Function]}
@@ -457,6 +466,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -497,6 +507,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
     >
       <button
         className="root_normalPriorityNegative"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction onConfirmDelete]}
         onDragStart={[Function]}
@@ -509,6 +520,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -522,6 +534,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
       </button>
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction onCancelDelete]}
         onDragStart={[Function]}
@@ -534,6 +547,7 @@ exports[`renders delete confirmation if isConfirmingDelete is true 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -609,6 +623,7 @@ exports[`renders disabled delete confirmation if isConfirmingDelete and isDeleti
   >
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction onEdit]}
       onDragStart={[Function]}
@@ -621,6 +636,7 @@ exports[`renders disabled delete confirmation if isConfirmingDelete and isDeleti
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -661,6 +677,7 @@ exports[`renders disabled delete confirmation if isConfirmingDelete and isDeleti
     >
       <button
         className="root_normalPriorityNegative"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction onConfirmDelete]}
         onDragStart={[Function]}
@@ -686,6 +703,7 @@ exports[`renders disabled delete confirmation if isConfirmingDelete and isDeleti
       </button>
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction onCancelDelete]}
         onDragStart={[Function]}

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

@@ -2,6 +2,9 @@
 
 exports[`displays open nav or drawer 1`] = `
 <div>
+  <div
+    data-testid="robots-meta"
+  />
   Title
   <Main
     isMasked={false}
@@ -18,6 +21,7 @@ exports[`displays open nav or drawer 1`] = `
 
 exports[`renders with renderErrors 1`] = `
 <HeadProvider>
+  <Unknown />
   <StoreTitle />
   <Main
     isMasked={true}
@@ -31,6 +35,7 @@ exports[`renders with renderErrors 1`] = `
 
 exports[`renders with unhandledErrors 1`] = `
 <HeadProvider>
+  <Unknown />
   <StoreTitle />
   <Main
     isMasked={false}

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

@@ -3,7 +3,6 @@ import ShallowRenderer from 'react-test-renderer/shallow';
 import { useHistory } from 'react-router-dom';
 import { createTestInstance } from '@magento/peregrine';
 import { useAppContext } from '@magento/peregrine/lib/context/app';
-
 import Main from '../../Main';
 import Mask from '../../Mask';
 import Routes from '../../Routes';
@@ -14,6 +13,9 @@ jest.mock('../../Head', () => ({
     HeadProvider: ({ children }) => <div>{children}</div>,
     StoreTitle: () => 'Title'
 }));
+jest.mock('../../RobotsMeta/robotsMeta', () => () => (
+    <div data-testid="robots-meta" />
+));
 jest.mock('../../Main', () => 'Main');
 jest.mock('../../Navigation', () => 'Navigation');
 jest.mock('../../Routes', () => 'Routes');
@@ -176,6 +178,17 @@ afterEach(() => {
     globalThis.location = oldWindowLocation;
 });
 
+test('renders RobotsMeta component', () => {
+    const appProps = {
+        markErrorHandled: jest.fn(),
+        unhandledErrors: []
+    };
+
+    const { root } = createTestInstance(<App {...appProps} />);
+
+    expect(root.findByProps({ 'data-testid': 'robots-meta' })).toBeTruthy();
+});
+
 test('renders a full page with onlineIndicator and routes', () => {
     const [appState, appApi] = useAppContext();
     const mockedReturnValue = [

package/lib/components/App/app.js

@@ -11,6 +11,7 @@ import { HeadProvider, StoreTitle } from '../Head';
 import Main from '../Main';
 import Mask from '../Mask';
 import Navigation from '../Navigation';
+import RobotsMeta from '../RobotsMeta/robotsMeta';
 import Routes from '../Routes';
 import ToastContainer from '../ToastContainer';
 import Icon from '../Icon';
@@ -93,6 +94,7 @@ const App = props => {
     if (renderError) {
         return (
             <HeadProvider>
+                <RobotsMeta />
                 <StoreTitle />
                 <Main isMasked={true} />
                 <Mask isActive={true} />
@@ -103,6 +105,7 @@ const App = props => {
 
     return (
         <HeadProvider>
+            <RobotsMeta />
             <StoreTitle />
             <Main isMasked={hasOverlay}>
                 <Routes />

package/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCard.spec.js.snap

@@ -26,6 +26,7 @@ Array [
     </span>
   </div>,
   <button
+    data-react-aria-pressable={true}
     disabled={true}
     onClick={[MockFunction]}
     onDragStart={[Function]}
@@ -76,6 +77,7 @@ Array [
     </span>
   </div>,
   <button
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[MockFunction]}
     onDragStart={[Function]}
@@ -88,6 +90,7 @@ Array [
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span>

package/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap

@@ -82,6 +82,7 @@ exports[`it renders correctly when it has cards 1`] = `
           />
           <button
             className="root_normalPriority"
+            data-react-aria-pressable={true}
             disabled={false}
             onClick={[MockFunction]}
             onDragStart={[Function]}
@@ -93,6 +94,7 @@ exports[`it renders correctly when it has cards 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -107,6 +109,7 @@ exports[`it renders correctly when it has cards 1`] = `
         </div>
         <button
           className="check_balance_button"
+          data-react-aria-pressable={true}
           disabled={false}
           onClick={[MockFunction]}
           onDragStart={[Function]}
@@ -118,6 +121,7 @@ exports[`it renders correctly when it has cards 1`] = `
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
           onTouchStart={[Function]}
+          tabIndex={0}
           type="button"
         >
           <span
@@ -165,6 +169,7 @@ exports[`it renders correctly when it has cards 1`] = `
       </div>
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -177,6 +182,7 @@ exports[`it renders correctly when it has cards 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -219,6 +225,7 @@ exports[`it renders correctly when it has cards 1`] = `
       </div>
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -231,6 +238,7 @@ exports[`it renders correctly when it has cards 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -329,6 +337,7 @@ exports[`it renders correctly with no cards 1`] = `
           />
           <button
             className="root_normalPriority"
+            data-react-aria-pressable={true}
             disabled={false}
             onClick={[MockFunction]}
             onDragStart={[Function]}
@@ -340,6 +349,7 @@ exports[`it renders correctly with no cards 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -354,6 +364,7 @@ exports[`it renders correctly with no cards 1`] = `
         </div>
         <button
           className="check_balance_button"
+          data-react-aria-pressable={true}
           disabled={false}
           onClick={[MockFunction]}
           onDragStart={[Function]}
@@ -365,6 +376,7 @@ exports[`it renders correctly with no cards 1`] = `
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
           onTouchStart={[Function]}
+          tabIndex={0}
           type="button"
         >
           <span

package/lib/components/CartPage/PriceAdjustments/CouponCode/__tests__/__snapshots__/couponCode.spec.js.snap

@@ -9,6 +9,7 @@ exports[`disables remove button on click 1`] = `
   </span>
   <button
     className="removeButton"
+    data-react-aria-pressable={true}
     disabled={true}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -76,6 +77,7 @@ exports[`disables submit button on coupon entry 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -144,6 +146,7 @@ exports[`renders CouponCode input and submit button 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -156,6 +159,7 @@ exports[`renders CouponCode input and submit button 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -211,6 +215,7 @@ exports[`renders an error message if an error occurs on code entry 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -223,6 +228,7 @@ exports[`renders an error message if an error occurs on code entry 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -256,6 +262,7 @@ exports[`renders the coupon code view if applied coupons has data 1`] = `
   </span>
   <button
     className="removeButton"
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -268,6 +275,7 @@ exports[`renders the coupon code view if applied coupons has data 1`] = `
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span>

package/lib/components/CartPage/PriceAdjustments/ShippingMethods/__tests__/__snapshots__/shippingForm.spec.js.snap

@@ -175,6 +175,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -187,6 +188,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -390,6 +392,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -402,6 +405,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -651,6 +655,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -663,6 +668,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -1151,6 +1157,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}

package/lib/components/CartPage/PriceAdjustments/ShippingMethods/__tests__/__snapshots__/shippingMethods.spec.js.snap

@@ -97,6 +97,7 @@ exports[`renders description and confirm link w/o shipping address set 1`] = `
   </p>
   <button
     className="root_normalPriority"
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -109,6 +110,7 @@ exports[`renders description and confirm link w/o shipping address set 1`] = `
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/priceSummary.spec.js.snap

@@ -78,6 +78,7 @@ exports[`renders PriceSummary correctly on cart page 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onDragStart={[Function]}
       onMouseDown={[Function]}
@@ -87,6 +88,7 @@ exports[`renders PriceSummary correctly on cart page 1`] = `
       onTouchCancel={[Function]}
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -273,6 +275,7 @@ exports[`renders summary with loading state if query is loading 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onDragStart={[Function]}
       onMouseDown={[Function]}