Update flare-ui/src/app/components/test/test.component.ts

flare-ui/src/app/components/test/test.component.ts

@@ -132,7 +132,7 @@ export class TestComponent implements OnInit {
         
         return {
           name: 'Login with valid credentials',
-          status: response.token ? 'PASS' : 'FAIL',
+          status: response?.token ? 'PASS' : 'FAIL',
           duration_ms: 120
         };
       } catch (error) {
@@ -168,6 +168,7 @@ export class TestComponent implements OnInit {
       }
     });
 
+    // API Endpoint Tests
     // API Endpoint Tests
     this.addTest('api', 'GET /api/environment', async () => {
       const start = Date.now();
@@ -175,7 +176,7 @@ export class TestComponent implements OnInit {
         const response = await this.apiService.getEnvironment().toPromise();
         return {
           name: 'GET /api/environment',
-          status: response.work_mode ? 'PASS' : 'FAIL',
+          status: response?.work_mode ? 'PASS' : 'FAIL',  // Add optional chaining
           duration_ms: Date.now() - start
         };
       } catch (error) {
@@ -196,7 +197,7 @@ export class TestComponent implements OnInit {
           name: 'GET /api/projects',
           status: Array.isArray(response) ? 'PASS' : 'FAIL',
           duration_ms: Date.now() - start,
-          details: `Retrieved ${response.length} projects`
+          details: `Retrieved ${response?.length || 0} projects`  // Add optional chaining
         };
       } catch (error) {
         return {
@@ -216,7 +217,7 @@ export class TestComponent implements OnInit {
           name: 'GET /api/apis',
           status: Array.isArray(response) ? 'PASS' : 'FAIL',
           duration_ms: Date.now() - start,
-          details: `Retrieved ${response.length} APIs`
+          details: `Retrieved ${response?.length || 0} APIs`  // Add optional chaining
         };
       } catch (error) {
         return {
@@ -228,6 +229,50 @@ export class TestComponent implements OnInit {
       }
     });
 
+    // Integration Tests
+    this.addTest('integration', 'Create and delete project', async () => {
+      const start = Date.now();
+      let projectId: number | null = null;
+
+      try {
+        // Create project
+        const createResponse = await this.apiService.createProject({
+          name: `test_project_${Date.now()}`,
+          caption: 'Test Project'
+        }).toPromise() as any;
+
+        if (!createResponse?.id) {
+          throw new Error('Project creation failed');
+        }
+
+        projectId = createResponse.id;
+
+        // Delete project
+        await this.apiService.deleteProject(projectId).toPromise();
+
+        return {
+          name: 'Create and delete project',
+          status: 'PASS',
+          duration_ms: Date.now() - start,
+          details: 'Project lifecycle test passed'
+        };
+      } catch (error: any) {
+        // Try to clean up if project was created
+        if (projectId !== null) {  // Check for null explicitly
+          try {
+            await this.apiService.deleteProject(projectId).toPromise();
+          } catch {}
+        }
+
+        return {
+          name: 'Create and delete project',
+          status: 'FAIL',
+          error: error.message || 'Test failed',
+          duration_ms: Date.now() - start
+        };
+      }
+    });
+
     // Validation Tests
     this.addTest('validation', 'Regex validation - valid pattern', async () => {
       const start = Date.now();