sessions

Author: mohammad-alisafaee

client/src/features/sessionsV2/SessionImageModal.tsx

@@ -163,10 +163,10 @@ export default function SessionImageModal({
       isOpen={isOpen}
       size="lg"
     >
-      <ModalHeader tag="h2">Session image not accessible</ModalHeader>
+      <ModalHeader tag="h2" data-cy="session-image-not-accessible-header">Session image not accessible</ModalHeader>
       <ModalBody>{content}</ModalBody>
       <ModalFooter>
-        <Button color="outline-danger" onClick={onCancel}>
+        <Button color="outline-danger" onClick={onCancel} data-cy="session-image-not-accessible-cancel-button">
           <XLg className={cx("bi", "me-1")} />
           Cancel
         </Button>

client/src/features/sessionsV2/SessionView/EnvironmentCard.tsx

@@ -267,6 +267,7 @@ function CustomImageEnvironmentValues({
         )}
       </div>
       <EnvironmentRowWithLabel
+        dataCy="session-view-session-environment-image"
         label="Container image"
         value={environment?.container_image || ""}
       />
@@ -470,15 +471,17 @@ function EnvironmentRow({ children }: { children?: ReactNode }) {
 function EnvironmentRowWithLabel({
   label,
   value,
+  dataCy,
 }: {
   label: string;
   value?: string | number | null;
+  dataCy?: string;
 }) {
   return (
     <EnvironmentRow>
       <div className="d-block">
         <label className={cx("text-nowrap", "mb-0", "me-2")}>{label}:</label>
-        <code>{value ?? "-"}</code>
+        <code data-cy={dataCy}>{value ?? "-"}</code>
       </div>
     </EnvironmentRow>
   );

client/src/features/sessionsV2/SessionView/SessionView.tsx

@@ -383,6 +383,7 @@ export function SessionView({
                     <>
                       <Button
                         color="outline-primary"
+                        data-cy="session-view-modify-session-environment-button"
                         id="modify-session-environment-button"
                         onClick={toggle}
                         size="sm"