diff --git a/src/app/manage-learn/programs/program-details/program-details.component.html b/src/app/manage-learn/programs/program-details/program-details.component.html
index 5e7c55b5cb..a209dde0a2 100644
--- a/src/app/manage-learn/programs/program-details/program-details.component.html
+++ b/src/app/manage-learn/programs/program-details/program-details.component.html
@@ -1,19 +1,19 @@
 <ion-content class="ion-padding">
-  <div class="details-block">
+  <div class="details-block"  id="programMetaDataCard">
   <ion-card class="w-100">
-    <div class="title">{{programDetails?.programName}}</div>
-    <div class="description">{{description}}
+    <div class="title" id="programTitle">{{programDetails?.programName}}</div>
+    <div class="description" id="programDescription">{{description}}
       <span class="read-more" (click)="showMore=!showMore; readMoreOrLess()" *ngIf="programDetails?.description?.length > characterLimit">
         {{ (showMore ? 'READ_LESS' : 'READ_MORE') | translate }}
       </span>
     </div>
     <div *ngIf="isNewProgram">
       <div class="hr-line"></div>
-      <ion-button class="custom-btn-txt-transform-none" (click)="join()" expand="block" *ngIf="!programDetails?.programJoined; else showMessage">
+      <ion-button class="custom-btn-txt-transform-none" (click)="join()" expand="block" *ngIf="!programDetails?.programJoined; else showMessage" id="programJoinButton">
         {{"FRMELEMNTS_LBL_JOIN_PROGRAM_POPUP" | translate}}
       </ion-button>
       <ng-template #showMessage>
-        <div class="program-joined-message">
+        <div class="program-joined-message"  id="programJoined">
           {{"FRMELEMNTS_MSG_PROGRAM_JOINED"  | translate:{'date':(programDetails?.programEndDate | date: 'MMM dd, YYYY')}  }}
         </div>
       </ng-template>      
@@ -23,11 +23,11 @@
 
   <div class="section-filter">
     <sb-library-filters [list]="filtersList" [layout]="layout" selectedItems="{{[selectedFilterIndex]}}"  
-        (selectedFilter)="onFilterChange($event);" *ngIf="filtersList?.length">
+        (selectedFilter)="onFilterChange($event);" *ngIf="filtersList?.length" id="resourceTab">
     </sb-library-filters>
   </div>
 
-  <ion-card class="custom-card-style"  *ngFor="let data of filteredList">
+  <ion-card class="custom-card-style"  *ngFor="let data of filteredList" id="resourceCard">
     <div class="section-card" *ngIf="!selectedFilterIndex || data?.sectionName == selectedSection">
     <div class="d-flex flex-jc-space-between p-10 section-details" (click)="selectSection(data)">
       <div class="section-name">{{data?.sectionName}}</div>
@@ -37,7 +37,7 @@
     </div>
     <div *ngIf="data?.show">
       <div *ngFor="let section of data?.sectionList">
-        <app-item-list-card [title]="section?.name" (click)="cardClick(section)">
+        <app-item-list-card [title]="section?.name" (click)="cardClick(section)" id="resourceItemCard">
           <div class="certificate-tag" certificate *ngIf="section?.certificate || section?.certificateTemplateId">
             {{'CERTIFICATE' | translate}}
           </div>
diff --git a/src/app/manage-learn/programs/program-listing/program-listing.component.html b/src/app/manage-learn/programs/program-listing/program-listing.component.html
index f56baa575c..516cead42b 100644
--- a/src/app/manage-learn/programs/program-listing/program-listing.component.html
+++ b/src/app/manage-learn/programs/program-listing/program-listing.component.html
@@ -1,18 +1,18 @@
   <ion-content hide-header-footer overflow-scroll="true"
   class="main-container avoid-bottom-tabs-space ui-container" scrollEvents="true">
-    <div class="header-section">
+    <div class="header-section" id="programListHeader">
       <div class="title">{{'EXPLORE_PROGRAMS' | translate }}</div>
       <div class="desc">{{ description }}</div>
       <ion-searchbar debounce="1000" placeholder="{{'FRMELEMNTS_LBL_SEARCH_PROGRAMS_PLACEHOLDER' | translate}}" [(ngModel)]="search"
-      (ionChange)="searchPrograms($event)" search-icon="search">
+      (ionChange)="searchPrograms($event)" search-icon="search" id="programSearch">
       </ion-searchbar>
     </div>
     <app-item-list-card [title]="data?.name"  [id]="data?._id" [state]="data?.metaInformation?.state" [roles]="data?.metaInformation?.roles"
-    (cardSelect)="selectedProgram($event)" *ngFor="let data of programs">
+    (cardSelect)="selectedProgram($event)" *ngFor="let data of programs" id="programCard">
     </app-item-list-card>
     <app-no-data *ngIf="!programs?.length" message="{{ search ? 'EMPTY_SEARCH_RESULTS' : 'NO_DATA_FOUND' }}"></app-no-data>
   </ion-content>
   <ion-button class="custom-btn-txt-transform-none mx-8 mt-16 load-more" fill="outline" expand="block"
-    (click)="loadMore()" *ngIf="programs?.length && count > programs?.length">
+    (click)="loadMore()" *ngIf="programs?.length && count > programs?.length" id="programsLoadMoreButton">
       {{ 'FRMELEMNTS_BTN_LOAD_MORE' | translate }}
     </ion-button>
\ No newline at end of file