feat(deployment): e2e deploy hello world test

akash-network · Sep 29, 2024 · f9f2260 · f9f2260
1 parent 9d7b8fd
commit f9f2260
Show file tree

Hide file tree

Showing 14 changed files with 487 additions and 403 deletions.
diff --git a/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx b/apps/deploy-web/src/components/deployments/DeploymentDepositModal.tsx
@@ -220,7 +220,8 @@ export const DeploymentDepositModal: React.FunctionComponent<DeploymentDepositMo
           side: "right",
           disabled: !amount || isCheckingDepositor || (useDepositor && validGrants.length === 0) || !walletBalance,
           isLoading: isCheckingDepositor,
-          onClick: onDepositClick
+          onClick: onDepositClick,
+          "data-testid": "deposit-modal-continue-button"
         }
       ]}
       onClose={onClose}

diff --git a/apps/deploy-web/src/components/deployments/DeploymentDetail.tsx b/apps/deploy-web/src/components/deployments/DeploymentDetail.tsx
@@ -164,11 +164,27 @@ export function DeploymentDetail({ dseq }: React.PropsWithChildren<{ dseq: strin
 
           <Tabs value={activeTab} onValueChange={onChangeTab}>
             <TabsList className="grid w-full grid-cols-5">
-              <TabsTrigger value="LEASES">Leases</TabsTrigger>
-              {isActive && <TabsTrigger value="LOGS">Logs</TabsTrigger>}
-              {isActive && <TabsTrigger value="SHELL">Shell</TabsTrigger>}
-              {isActive && <TabsTrigger value="EVENTS">Events</TabsTrigger>}
-              <TabsTrigger value="EDIT">Update</TabsTrigger>
+              <TabsTrigger value="LEASES" data-testid="deployment-tab-leases">
+                Leases
+              </TabsTrigger>
+              {isActive && (
+                <TabsTrigger value="LOGS" data-testid="deployment-tab-logs">
+                  Logs
+                </TabsTrigger>
+              )}
+              {isActive && (
+                <TabsTrigger value="SHELL" data-testid="deployment-tab-events">
+                  Shell
+                </TabsTrigger>
+              )}
+              {isActive && (
+                <TabsTrigger value="EVENTS" data-testid="deployment-tab-events">
+                  Events
+                </TabsTrigger>
+              )}
+              <TabsTrigger value="EDIT" data-testid="deployment-tab-update">
+                Update
+              </TabsTrigger>
             </TabsList>
 
             {activeTab === "EDIT" && deployment && leases && (
@@ -200,6 +216,7 @@ export function DeploymentDetail({ dseq }: React.PropsWithChildren<{ dseq: strin
                   leases.map((lease, i) => (
                     <LeaseRow
                       key={lease.id}
+                      index={i}
                       lease={lease}
                       setActiveTab={setActiveTab}
                       ref={leaseRefs[i]}

diff --git a/apps/deploy-web/src/components/deployments/DeploymentDetailTopBar.tsx b/apps/deploy-web/src/components/deployments/DeploymentDetailTopBar.tsx
@@ -106,7 +106,7 @@ export const DeploymentDetailTopBar: React.FunctionComponent<Props> = ({ address
           <div className="flex items-center">
             <DropdownMenu modal={false}>
               <DropdownMenuTrigger asChild>
-                <Button size="icon" variant="ghost" className="rounded-full">
+                <Button size="icon" variant="ghost" className="rounded-full" data-testid="deployment-detail-dropdown">
                   <MoreHoriz />
                 </Button>
               </DropdownMenuTrigger>
@@ -119,7 +119,11 @@ export const DeploymentDetailTopBar: React.FunctionComponent<Props> = ({ address
                     Redeploy
                   </CustomDropdownLinkItem>
                 )}
-                <CustomDropdownLinkItem onClick={() => onCloseDeployment()} icon={<XmarkSquare fontSize="small" />}>
+                <CustomDropdownLinkItem
+                  onClick={() => onCloseDeployment()}
+                  icon={<XmarkSquare fontSize="small" />}
+                  data-testid="deployment-detail-close-button"
+                >
                   Close
                 </CustomDropdownLinkItem>
               </DropdownMenuContent>