Harmoni aid e2e testing

apps/harmoni-aids/components/cart/cart.tsx

@@ -7,6 +7,7 @@ import { CartProps } from './cart.types'
 import CartList from './cart-list'
 import Styles from './cart.module.css'
 import { Loader, Typography, Button as BecknButton, Button } from '@beckn-ui/molecules'
+import { testIds } from '@shared/dataTestIds'
 
 const Cart: React.FC<CartProps> = ({
   schema: { loader, cartItems, actionButton, emptyCard }, // Destructure props
@@ -81,6 +82,7 @@ const Cart: React.FC<CartProps> = ({
               <Typography
                 variant="subTitleRegular"
                 text="Request Overview"
+                dataTest={testIds.request_overview}
                 sx={{ paddingTop: '20px' }}
               />
               <CartList cartItems={cartItems} />

apps/harmoni-aids/components/cart/cart.types.ts

@@ -39,6 +39,7 @@ export interface CartProps {
     loader: LoaderProps
     emptyCard?: EmptyCardProps
     actionButton?: {
+      dataTest?: string
       text: string
       handleOnClick: MouseEventHandler<HTMLButtonElement>
     }

apps/harmoni-aids/components/frequentlyAccessed/FrequentlyAccessed.tsx

@@ -3,6 +3,7 @@ import { Box, CardBody, Flex, Icon, Image, Stack, Card, useTheme, Text } from '@
 import { Typography } from '@beckn-ui/molecules'
 import { StarIcon, TimeIcon } from '@chakra-ui/icons'
 import { CurrencyType, ProductPrice } from '@beckn-ui/becknified-components'
+import { testIds } from '@shared/dataTestIds'
 
 type FrequentlyAccessedProps = {
   frequentlyAccessedData: Array<{
@@ -33,6 +34,7 @@ const FrequentlyAccessed: React.FC<FrequentlyAccessedProps> = ({ frequentlyAcces
         fontSize="17px"
         fontWeight="400"
         text="Frequently Accessed"
+        data-test={testIds.Frequently_accessed_text}
         sx={{ mb: '20px' }}
       />
 
@@ -45,6 +47,7 @@ const FrequentlyAccessed: React.FC<FrequentlyAccessedProps> = ({ frequentlyAcces
         >
           {frequentlyAccessedData.map((item, index) => (
             <Card
+              data-test={testIds.Frequently_accessed_item}
               key={index}
               mb={'20px'}
               boxShadow={'0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1)'}

apps/harmoni-aids/pages/cart.tsx

@@ -78,6 +78,7 @@ const RequestOverview = () => {
           },
           actionButton: {
             text: 'Proceed',
+            dataTest: testIds.Proceed,
             handleOnClick: () => {
               router.push('/checkout')
             }

apps/harmoni-aids/pages/orderHistory.tsx

@@ -166,6 +166,7 @@ const OrderHistory = () => {
             text={order.attributes.items[0].name}
             fontWeight="600"
             fontSize={'15px'}
+            dataTest="order_history_item_name"
           />
           <Text
             as={Typography}

apps/harmoni-aids/pages/product.tsx

@@ -109,11 +109,13 @@ const Product = () => {
         <Typography
           text={`About ${selectedProduct.providerName}`}
           fontWeight={'800'}
+          dataTest={testIds.item_title}
         />
         <Typography text={selectedProduct.item.short_desc!} />
         <Typography
           text={selectedProduct.item.productInfo! as string}
           style={{ marginTop: '1rem' }}
+          dataTest={testIds.product_page_short_desc}
         />
       </Box>
 
@@ -180,6 +182,7 @@ const Product = () => {
           textDecoration="underline"
           href="https://www.google.com"
           target="_blank"
+          data-test={testIds.TermsandConditions_link}
         >
           Terms and Conditions
         </Link>
@@ -196,12 +199,13 @@ const Product = () => {
           mr="20px"
         >
           <Button
-            text="proceed"
+            text="Proceed"
+            dataTest={testIds.Proceed_to_product}
             disabled={!checkIsDisabled()}
             handleClick={handleOnProceed}
           />
         </Box>
-        ** Contains non-personal data only
+        ** Contains non-personal data only dataTest={testIds.disclaimer_text}
       </Flex>
     </Box>
   )