Merge pull request presidio-oss#390 from hayagreevan-presidio/feat-export-test-case

magesh-presidio · web-flow · commit a6c8ed539736 · 2025-11-26T16:45:59.000+05:30
feat: export testcases as xlsx
diff --git a/.changeset/dark-bars-clap.md b/.changeset/dark-bars-clap.md
@@ -0,0 +1,5 @@
+---
+"specif-ai": patch
+---
+
+Export feature for Testcases
diff --git a/ui/src/app/constants/export.constants.ts b/ui/src/app/constants/export.constants.ts
@@ -11,7 +11,7 @@ export const SPREADSHEET_HEADER_ROW = {
   [REQUIREMENT_TYPE.NFR]: ['Id', 'Title', 'Description'],
   [REQUIREMENT_TYPE.UIR]: ['Id', 'Title', 'Description'],
   [REQUIREMENT_TYPE.BP]: ['Id', 'Title', 'Description'],
-  [REQUIREMENT_TYPE.TC]: ['Id', 'Title', 'Description'], // FIXME: Update with actual fields
+  [REQUIREMENT_TYPE.TC]: ['Id','User Story Id', 'PRD ID' ,'Title', 'Description', 'PreConditions', 'PostConditions','Priority','Type', 'Steps'],
   [REQUIREMENT_TYPE.SI]: ['Id', 'Title', 'Description'], // FIXME: Update with actual fields
   [REQUIREMENT_TYPE.US]: ['Id', 'Parent Id', 'Name', 'Description'],
   [REQUIREMENT_TYPE.TASK]: ['Id', 'Parent Id', 'Title', 'Acceptance Criteria'],
diff --git a/ui/src/app/pages/test-cases/test-case-home/test-case-home.component.html b/ui/src/app/pages/test-cases/test-case-home/test-case-home.component.html
@@ -2,18 +2,26 @@
   class="bg-white border rounded-lg p-5 flex flex-col h-full lg:col-span-2 w-full"
 >
   <div class="mb-4">
-    <div class="flex items-center mt-2 justify-between">
-      <div class="flex flex-col gap-2 min-w-0">
-        <h1
-          class="text-lg font-bold text-secondary-800 truncate max-w-full pr-8 flex items-center"
-        >
-          Test Cases
-            <ng-icon
-              name="heroInformationCircle"
-              (click)="electronService.openExternalUrl(docUrl)"
-              class="cursor-pointer ml-1 hover:text-secondary-500"
-            ></ng-icon>
-        </h1>
+    <div class="flex items-center mt-2 w-full">
+      <div class="flex flex-col gap-2 min-w-0 w-full">
+        <div class="flex items-center justify-between w-full">
+          <div class="flex items-center flex-grow">
+            <h1 class="text-lg font-bold text-secondary-800 truncate max-w-full pr-8">
+              Test Cases
+              <ng-icon
+                name="heroInformationCircle"
+                (click)="electronService.openExternalUrl(docUrl)"
+                class="cursor-pointer ml-1 hover:text-secondary-500"
+              ></ng-icon>
+            </h1>
+          </div>
+          <div class="flex-shrink-0">
+            <app-export-dropdown
+              [disabled]="getTotalTestCases() === 0"
+              [groupedOptions]="getExportOptions()"
+            />
+          </div>
+        </div>
 
         <div class="flex items-center">
           <h2 class="text-md font-semibold text-secondary-600">User Stories</h2>
diff --git a/ui/src/app/pages/test-cases/test-case-home/test-case-home.component.ts b/ui/src/app/pages/test-cases/test-case-home/test-case-home.component.ts
@@ -28,6 +28,9 @@ import { SummaryCardComponent } from "../../../components/summary-card/summary-c
 import { FormsModule } from '@angular/forms';
 import { joinPaths } from 'src/app/utils/path.utils';
 import { ButtonComponent } from "../../../components/core/button/button.component";
+import { EXPORT_FILE_FORMATS, ExportFileFormat } from 'src/app/constants/export.constants';
+import { DropdownOptionGroup, ExportDropdownComponent } from 'src/app/export-dropdown/export-dropdown.component';
+import { TestCaseExportStrategy } from '../../../services/export/strategies/test-case-export.strategy';
 
 interface IPrdInfo {
   id: string;
@@ -61,7 +64,8 @@ interface SummaryCardData {
     AppSelectComponent,
     FormsModule,
     ButtonComponent,
-    NgIcon
+    NgIcon,
+    ExportDropdownComponent
 ],
   providers: [
     provideIcons({
@@ -130,6 +134,7 @@ export class TestCaseHomeComponent implements OnInit, OnDestroy {
     private toast: ToasterService,
     private appSystemService: AppSystemService,
     private route: ActivatedRoute,
+    private testCaseExportStrategy: TestCaseExportStrategy,
   ) {
   }
   
@@ -423,4 +428,107 @@ export class TestCaseHomeComponent implements OnInit, OnDestroy {
     this.destroy$.next();
     this.destroy$.complete();
   }
+  
+  exportOptions: DropdownOptionGroup[] = [
+        {
+          groupName: 'Export',
+          options: [
+            {
+              label: 'Download',
+              callback: () => {
+                this.exportTestCases(EXPORT_FILE_FORMATS.EXCEL);
+              },
+              icon: 'heroDocumentText',
+              additionalInfo: 'Excel (.xlsx)',
+              isTimestamp: false,
+            },
+          ],
+        },
+    ];
+
+  getExportOptions(): DropdownOptionGroup[] {
+    return this.exportOptions;
+  }
+    async exportTestCases(format: string) {
+      if (this.userStories.length === 0) {
+        this.toast.showError('No user stories found');
+        return;
+      }
+  
+      try {
+        const allTestCaseContents: any[] = [];
+        const skippedUserStories: string[] = [];
+  
+        for (const userStory of this.userStories) {
+          try {
+            const testCasePath = joinPaths(this.currentProject, REQUIREMENT_TYPE.TC, userStory.id);
+            let files: string[] = [];
+            
+              if(await this.appSystemService.fileExists(testCasePath)){
+                files = await this.appSystemService.getFolders(testCasePath, FILTER_STRINGS.BASE, false);
+              }
+              else{
+                skippedUserStories.push(userStory.id);
+                continue;
+              }
+            
+            if (files && files.length > 0) {
+              const testCaseContents = await Promise.all(
+                files.map(async (fileName: string) => {
+                  const fullPath = joinPaths(this.currentProject, REQUIREMENT_TYPE.TC, userStory.id, fileName);
+                  
+                  try {
+                    const content = await this.appSystemService.readFile(fullPath);
+                    const parsedContent = JSON.parse(content);
+                    
+                    parsedContent.us_id = userStory.id;
+                    parsedContent.us_name = userStory.name;
+                    parsedContent.prd_id = userStory.prdId || '';
+
+                    return {
+                      folderName: REQUIREMENT_TYPE.TC,
+                      fileName: fullPath,
+                      content: parsedContent
+                    };
+                  } catch (fileError) {
+                    this.logger.warn(`Error reading test case file: ${fullPath}`, fileError);
+                    return null;
+                  }
+                })
+              );
+  
+              const validTestCaseContents = testCaseContents.filter(tc => tc !== null);
+              allTestCaseContents.push(...validTestCaseContents);
+            }
+          } catch (userStoryError) {
+            this.logger.warn(`Error processing user story: ${userStory.id}`, userStoryError);
+            skippedUserStories.push(userStory.id);
+          }
+        }
+  
+        if (allTestCaseContents.length === 0) {
+          this.toast.showError('No test cases found to export');
+          return;
+        }
+  
+        if (skippedUserStories.length > 0) {
+          this.toast.showWarning(`No test cases found for user stories: ${skippedUserStories.join(', ')}`);
+        }
+
+        const exportResult = await this.testCaseExportStrategy.export(
+          allTestCaseContents, 
+          { 
+            format: format as ExportFileFormat, 
+            projectName: this.currentProject 
+          }
+        );
+  
+        if (!exportResult.success) {
+          this.toast.showError('Failed to export test cases');
+        }
+      } catch (error) {
+        this.logger.error('Error exporting test cases:', error);
+        this.toast.showError('Failed to export test cases');
+      }
+    }
 }
diff --git a/ui/src/app/pages/test-cases/test-case-list/test-case-list.component.html b/ui/src/app/pages/test-cases/test-case-list/test-case-list.component.html
@@ -47,10 +47,10 @@ <h2 class="text-md font-semibold text-secondary-600">Test Cases</h2>
           />
         </div>
         <!-- TODO export feature -->
-        <!-- <app-export-dropdown
+        <app-export-dropdown
           [disabled]="testCases.length === 0"
-          [options]="exportOptions"
-        /> -->
+          [groupedOptions]="getExportOptions()"
+        />
       </div>
     </div>
 
diff --git a/ui/src/app/pages/test-cases/test-case-list/test-case-list.component.ts b/ui/src/app/pages/test-cases/test-case-list/test-case-list.component.ts
@@ -11,7 +11,7 @@ import { Router, ActivatedRoute } from '@angular/router';
 import { NGXLogger } from 'ngx-logger';
 import { Store } from '@ngxs/store';
 import { ProjectsState } from '../../../store/projects/projects.state';
-import { ArchiveFile, ReadFile } from '../../../store/projects/projects.actions';
+import { ArchiveFile, ExportRequirementData, ReadFile, BulkReadFiles, ClearBRDPRDState } from '../../../store/projects/projects.actions';
 import { UserStoriesState } from '../../../store/user-stories/user-stories.state';
 import { SetSelectedUserStory } from '../../../store/user-stories/user-stories.actions';
 import { RequirementIdService } from '../../../services/requirement-id.service';
@@ -30,13 +30,15 @@ import {
   FILTER_STRINGS,
   REQUIREMENT_TYPE,
   TOASTER_MESSAGES,
-  SPECIFAI_REQ_DOCS
+  SPECIFAI_REQ_DOCS,
+  FOLDER_REQUIREMENT_TYPE_MAP,
+  FOLDER
 } from '../../../constants/app.constants';
 import { SearchInputComponent } from '../../../components/core/search-input/search-input.component';
 import { BehaviorSubject, combineLatest, firstValueFrom, map, Subject, take, takeUntil } from 'rxjs';
 import { AppSelectComponent, SelectOption } from '../../../components/core/app-select/app-select.component';
 import { TestCaseContextModalComponent } from 'src/app/components/test-case-context-modal/test-case-context-modal.component';
-import { ExportDropdownComponent } from 'src/app/export-dropdown/export-dropdown.component';
+import { DropdownOptionGroup, ExportDropdownComponent } from 'src/app/export-dropdown/export-dropdown.component';
 import {
   WorkflowType,
   WorkflowProgressEvent,
@@ -60,6 +62,7 @@ import { WorkflowProgressService } from 'src/app/services/workflow-progress/work
 import { heroArrowRight } from '@ng-icons/heroicons/outline';
 import { NgIcon, provideIcons } from '@ng-icons/core';
 import { RequirementTypeEnum } from 'src/app/model/enum/requirement-type.enum';
+import { EXPORT_FILE_FORMATS, ExportFileFormat } from 'src/app/constants/export.constants';
 
 @Component({
   selector: 'app-test-case-list',
@@ -936,20 +939,77 @@ export class TestCaseListComponent implements OnInit, OnDestroy {
         }
       });
   }
+  
+    exportOptions: DropdownOptionGroup[] = [
+      {
+        groupName: 'Export',
+        options: [
+          {
+            label: 'Download',
+            callback: () => this.exportTestCases(EXPORT_FILE_FORMATS.EXCEL),
+            icon: 'heroDocumentText',
+            additionalInfo: 'Excel (.xlsx)',
+            isTimestamp: false,
+          },
+        ],
+      },
+    ];
+    getExportOptions = () => {
+      return this.exportOptions;
+    }
+  async exportTestCases(format: string) {
+    if (!this.userStoryId) {
+      this.toast.showError('No user story selected');
+      return;
+    }
 
-  exportOptions = [
-    {
-      label: 'Copy JSON to Clipboard',
-      callback: () => this.exportTestCases('json'),
-    },
-    {
-      label: 'Download as Excel (.xlsx)',
-      callback: () => this.exportTestCases('xlsx'),
-    },
-  ];
+    try {
+      const testCasePath = joinPaths(this.currentProject, REQUIREMENT_TYPE.TC, this.userStoryId);
+      const files = await this.appSystemService.getFolders(testCasePath, FILTER_STRINGS.BASE, false);
+      
+      if (!files || files.length === 0) {
+        this.toast.showError('No test cases found to export');
+        return;
+      }
+
+      const testCaseContents = await Promise.all(
+        files.map(async (fileName: string) => {
+          const content = await this.appSystemService.readFile(
+            joinPaths(this.currentProject, REQUIREMENT_TYPE.TC, this.userStoryId, fileName)
+          );
+          const parsedContent = JSON.parse(content);
+          
+          parsedContent.us_id = this.navigation.userStoryInfo.id || this.userStoryId;
+          parsedContent.prd_id = this.navigation.prdInfo.prdId || '';
+
+          return {
+            folderName: REQUIREMENT_TYPE.TC,
+            fileName,
+            content: parsedContent
+          };
+        })
+      );
+
+      await firstValueFrom(this.store.dispatch(new ClearBRDPRDState()));
 
-  exportTestCases(format: string) {
-    // Implementation for exporting test cases
+      const state = this.store.snapshot();
+      await this.store.reset({
+        ...state,
+        projects: {
+          ...state.projects,
+          selectedFileContents: testCaseContents
+        }
+      });
+
+      await firstValueFrom(this.store.dispatch(
+        new ExportRequirementData(REQUIREMENT_TYPE.TC, {
+          type: format as ExportFileFormat,
+        }),
+      ));
+    } catch (error) {
+      this.logger.error('Error exporting test cases:', error);
+      this.toast.showError('Failed to export test cases');
+    }
   }
 
   setupWorkflowProgressListener() {
diff --git a/ui/src/app/services/export/requirement-export-strategy.manager.ts b/ui/src/app/services/export/requirement-export-strategy.manager.ts
@@ -11,6 +11,7 @@ import { UIRExportStrategy } from './strategies/uir-export.strategy';
 import { AppSystemService } from '../app-system/app-system.service';
 import { ClipboardService } from '../clipboard.service';
 import { UserStoriesExportStrategy } from './strategies/user-stories-export.strategy';
+import { TestCaseExportStrategy } from './strategies/test-case-export.strategy';
 
 @Injectable({
   providedIn: 'root',
@@ -70,6 +71,13 @@ export class RequirementExportStrategyManager {
           this.clipboardService,
         );
       }
+      case REQUIREMENT_TYPE.TC: {
+        return new TestCaseExportStrategy(
+          this.exportService,
+          this.logger,
+          this.clipboardService,
+        );
+      }
       default: {
         throw new Error(`Export is not supported for ${requirementType}`);
       }
diff --git a/ui/src/app/services/export/strategies/test-case-export.strategy.ts b/ui/src/app/services/export/strategies/test-case-export.strategy.ts

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"specif-ai": patch
 +---
++
 +Export feature for Testcases