diff --git a/src/app/order/OrderStatus.spec.tsx b/src/app/order/OrderStatus.spec.tsx index 5383f2563f..261d561c8c 100644 --- a/src/app/order/OrderStatus.spec.tsx +++ b/src/app/order/OrderStatus.spec.tsx @@ -2,6 +2,8 @@ import { Order } from '@bigcommerce/checkout-sdk'; import { shallow, ShallowWrapper } from 'enzyme'; import React from 'react'; +import { TranslatedString } from '../locale'; + import { getOrder } from './orders.mock'; import OrderStatus from './OrderStatus'; @@ -57,6 +59,22 @@ describe('OrderStatus', () => { }); }); + describe('when order is awaiting payment', () => { + beforeEach(() => { + orderStatus = shallow(); + }); + + it('displays order is pending text', () => { + expect(orderStatus.find(TranslatedString).prop('id')) + .toEqual('order_confirmation.order_pending_review_text'); + }); + }); + describe('when order has digital items', () => { beforeEach(() => { order = { diff --git a/src/app/order/OrderStatus.tsx b/src/app/order/OrderStatus.tsx index a39118b8ff..97d0c58e76 100644 --- a/src/app/order/OrderStatus.tsx +++ b/src/app/order/OrderStatus.tsx @@ -17,6 +17,7 @@ const OrderStatus: FunctionComponent = ({ supportPhoneNumber, }) => { const isPendingReview = order.status === 'MANUAL_VERIFICATION_REQUIRED'; + const isAwaitingPayment = order.status === 'AWAITING_PAYMENT'; const orderNumber = order.orderId; return @@ -28,14 +29,14 @@ const OrderStatus: FunctionComponent = ({ />

} - { isPendingReview && + { (isPendingReview || isAwaitingPayment) &&

} - { !isPendingReview && + { !(isPendingReview || isAwaitingPayment) &&