Merge pull request #2687 from beckn/sky-analytics-e2e-testing

Sky analytics e2e testing
beckn · Dec 9, 2024 · a3f3a69 · a3f3a69
2 parents f178625 + 3ae02da
commit a3f3a69
Show file tree

Hide file tree

Showing 8 changed files with 335 additions and 3 deletions.
diff --git a/apps/sky-analytics/components/cart/cart.tsx b/apps/sky-analytics/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} />

diff --git a/apps/sky-analytics/components/cart/cart.types.ts b/apps/sky-analytics/components/cart/cart.types.ts
@@ -39,6 +39,7 @@ export interface CartProps {
     loader: LoaderProps
     emptyCard?: EmptyCardProps
     actionButton?: {
+      dataTest?: string
       text: string
       handleOnClick: MouseEventHandler<HTMLButtonElement>
     }

diff --git a/apps/sky-analytics/components/frequentlyAccessed/FrequentlyAccessed.tsx b/apps/sky-analytics/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)'}

diff --git a/apps/sky-analytics/pages/cart.tsx b/apps/sky-analytics/pages/cart.tsx
@@ -78,6 +78,7 @@ const RequestOverview = () => {
           },
           actionButton: {
             text: 'Proceed',
+            dataTest: testIds.Proceed,
             handleOnClick: () => {
               router.push('/checkout')
             }

diff --git a/apps/sky-analytics/pages/orderHistory.tsx b/apps/sky-analytics/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}

diff --git a/apps/sky-analytics/pages/product.tsx b/apps/sky-analytics/pages/product.tsx
@@ -108,11 +108,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>
       <Box
@@ -178,6 +180,7 @@ const Product = () => {
           textDecoration="underline"
           href="https://www.google.com"
           target="_blank"
+          data-test={testIds.TermsandConditions_link}
         >
           Terms and Conditions
         </Link>
@@ -194,12 +197,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>
   )

diff --git a/cypress/e2e/climate-resilience/skyAnalytics_e2eTests.cy.ts b/cypress/e2e/climate-resilience/skyAnalytics_e2eTests.cy.ts
diff --git a/shared/dataTestIds.ts b/shared/dataTestIds.ts
@@ -646,7 +646,11 @@ const testIds = {
   sort_menu_item_2: 'menu-item-2',
   rating_container: 'rating-container',
   Proceed: 'Proceed',
-  Proceed_to_product: 'Proceed-to-product'
+  Proceed_to_product: 'Proceed-to-product',
+  Frequently_accessed_item: 'Frequently_accessed_item',
+  Frequently_accessed_text: 'Frequently_accessed_text',
+  TermsandConditions_link: 'TermsandConditions_link',
+  disclaimer_text: 'disclaimer_text'
 }
 
 export { testIds }