Add test tags to address book

CHANGELOG.md

@@ -21,6 +21,7 @@ All notable, unreleased changes to this project will be documented in this file.
 - Fix tsconfig aliases - #824 by @orzechdev
 - Set billing address in first checkout step - #822 by @orzechdev
 - Persist payment gateways for the whole checkout - #828 by @orzechdev
+- Add test tags to address book - #847 by @dominik-zeglen
 
 ## 2.10.4
 

src/@next/components/atoms/DropdownMenu/DropdownMenu.tsx

@@ -32,6 +32,7 @@ export const DropdownMenu: React.FC<IProps> = ({
                   setVisible(false);
                   element.onClick();
                 }}
+                data-test={element.testingContext}
               >
                 {element.content}
               </li>

src/@next/components/atoms/DropdownMenu/types.ts

@@ -1,5 +1,6 @@
 export interface MenuItem {
   content: React.ReactNode;
+  testingContext?: string;
   onClick: () => void;
 }
 

src/@next/components/molecules/AddressTile/AddressTile.tsx

@@ -37,12 +37,14 @@ export const AddressTile: React.FC<IProps> = ({
             onClick: () => {
               setDefault("BILLING");
             },
+            testingContext: "set-billing",
           },
           {
             content: defaultShippingAddress,
             onClick: () => {
               setDefault("SHIPPING");
             },
+            testingContext: "set-shipping",
           },
         ]}
       />
@@ -79,7 +81,10 @@ export const AddressTile: React.FC<IProps> = ({
 
   const content = <Address {...address} />;
   return (
-    <S.Wrapper>
+    <S.Wrapper
+      data-test-billing-default={address.isDefaultBillingAddress}
+      data-test-shipping-default={address.isDefaultShippingAddress}
+    >
       <Tile footer={footer} header={header}>
         {content}
       </Tile>

src/@next/components/molecules/AddressTile/__snapshots__/stories.storyshot

@@ -148,6 +148,8 @@ exports[`Storyshots @components/molecules/AddressTile default 1`] = `
   >
     <div
       className="c2"
+      data-test-billing-default={false}
+      data-test-shipping-default={true}
     >
       <div
         className="c3"
@@ -419,6 +421,8 @@ exports[`Storyshots @components/molecules/AddressTile with default shipping and
   >
     <div
       className="c2"
+      data-test-billing-default={false}
+      data-test-shipping-default={false}
     >
       <div
         className="c3"

src/@next/components/organisms/AddressGrid/__snapshots__/stories.storyshot

@@ -271,6 +271,8 @@ exports[`Storyshots @components/organisms/AddressGrid default 1`] = `
     >
       <div
         className="c6"
+        data-test-billing-default={false}
+        data-test-shipping-default={true}
       >
         <div
           className="c7"
@@ -393,6 +395,8 @@ exports[`Storyshots @components/organisms/AddressGrid default 1`] = `
     >
       <div
         className="c6"
+        data-test-billing-default={false}
+        data-test-shipping-default={true}
       >
         <div
           className="c7"
@@ -511,6 +515,8 @@ exports[`Storyshots @components/organisms/AddressGrid default 1`] = `
     >
       <div
         className="c6"
+        data-test-billing-default={false}
+        data-test-shipping-default={true}
       >
         <div
           className="c7"
@@ -633,6 +639,8 @@ exports[`Storyshots @components/organisms/AddressGrid default 1`] = `
     >
       <div
         className="c6"
+        data-test-billing-default={false}
+        data-test-shipping-default={true}
       >
         <div
           className="c7"