Merge pull request #5672 from eessex/data-attrs

#trivial add data attrs for order form steps
artsy · May 28, 2020 · 57007a9 · 57007a9
2 parents 2762f42 + b36656f
commit 57007a9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git a/src/v2/Apps/Order/Routes/Payment/index.tsx b/src/v2/Apps/Order/Routes/Payment/index.tsx
@@ -18,7 +18,7 @@ import { ReactStripeElements } from "react-stripe-elements"
 import createLogger from "v2/Utils/logger"
 import { Media } from "v2/Utils/Responsive"
 
-import { Button, Col, Flex, Row, Spacer } from "@artsy/palette"
+import { Button, Col, Flex, Row, Spacer, Box } from "@artsy/palette"
 import {
   PaymentPicker,
   PaymentPickerFragmentContainer,
@@ -114,7 +114,7 @@ export class PaymentRoute extends Component<PaymentProps, PaymentState> {
     const isLoading = isGettingCreditCardId || isCommittingMutation
 
     return (
-      <>
+      <Box data-test="orderPayment">
         <HorizontalPadding px={[0, 4]}>
           <Row>
             <Col>
@@ -170,7 +170,7 @@ export class PaymentRoute extends Component<PaymentProps, PaymentState> {
             }
           />
         </HorizontalPadding>
-      </>
+      </Box>
     )
   }
   setOrderPayment(variables: PaymentRouteSetOrderPaymentMutation["variables"]) {

diff --git a/src/v2/Apps/Order/Routes/Review/index.tsx b/src/v2/Apps/Order/Routes/Review/index.tsx
@@ -1,4 +1,13 @@
-import { Button, Col, Flex, Join, Message, Row, Spacer } from "@artsy/palette"
+import {
+  Button,
+  Col,
+  Flex,
+  Join,
+  Message,
+  Row,
+  Spacer,
+  Box,
+} from "@artsy/palette"
 import { Review_order } from "v2/__generated__/Review_order.graphql"
 import { ReviewSubmitOfferOrderMutation } from "v2/__generated__/ReviewSubmitOfferOrderMutation.graphql"
 import { ReviewSubmitOrderMutation } from "v2/__generated__/ReviewSubmitOrderMutation.graphql"
@@ -327,7 +336,7 @@ export class ReviewRoute extends Component<ReviewProps, ReviewState> {
     const { order, isCommittingMutation } = this.props
 
     return (
-      <>
+      <Box data-test="orderReview">
         <HorizontalPadding px={[0, 4]}>
           <Row>
             <Col>
@@ -407,7 +416,7 @@ export class ReviewRoute extends Component<ReviewProps, ReviewState> {
             }
           />
         </HorizontalPadding>
-      </>
+      </Box>
     )
   }
 }

diff --git a/src/v2/Apps/Order/Routes/Shipping/index.tsx b/src/v2/Apps/Order/Routes/Shipping/index.tsx
@@ -8,6 +8,7 @@ import {
   Row,
   Sans,
   Spacer,
+  Box,
 } from "@artsy/palette"
 import { Shipping_order } from "v2/__generated__/Shipping_order.graphql"
 import {
@@ -338,7 +339,7 @@ export class ShippingRoute extends Component<ShippingProps, ShippingState> {
     )
 
     return (
-      <>
+      <Box data-test="orderShipping">
         <HorizontalPadding px={[0, 4]}>
           <Row>
             <Col>
@@ -460,7 +461,7 @@ export class ShippingRoute extends Component<ShippingProps, ShippingState> {
             }
           />
         </HorizontalPadding>
-      </>
+      </Box>
     )
   }
 }