feat: Add data testing attribute to PaymentMethod component

commercelayer · Feb 28, 2022 · 7e08b86 · 7e08b86
1 parent d8e7e00
commit 7e08b86
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/PaymentMethod.tsx b/src/components/PaymentMethod.tsx
@@ -68,21 +68,21 @@ const PaymentMethod: FunctionComponent<PaymentMethodProps> = ({
         paymentSelected,
         setPaymentSelected,
       }
+      const paymentResource = payment?.payment_source_type as PaymentResource
       const onClickable = !clickableContainer
         ? undefined
         : async (e: MouseEvent<HTMLDivElement>) => {
             e.stopPropagation()
             setLoadingPlaceOrder({ loading: true })
             setPaymentSelected(payment.id)
-            const paymentResource =
-              payment?.payment_source_type as PaymentResource
             const paymentMethodId = payment?.id as string
             await setPaymentMethod({ paymentResource, paymentMethodId })
             onClick && onClick(payment)
             setLoadingPlaceOrder({ loading: false })
           }
       return (
         <div
+          data-test-id={paymentResource}
           key={k}
           className={`${className} ${isActive ? activeClass : ''}`}
           onClick={onClickable}