Add tests result

frontend_management/components/course/AnnouncementsTab.vue

@@ -343,10 +343,12 @@ const save = async () => {
   saving.value = true;
   try {
     // Convert local datetime to ISO string to preserve timezone
-    const payload = { ...form.value };
+    const payload: any = { ...form.value };
     if (payload.published_at) {
       const localDate = new Date(payload.published_at.replace(' ', 'T'));
       payload.published_at = localDate.toISOString();
+    } else {
+      delete payload.published_at;
     }
 
     if (editing.value) {

frontend_management/playwright.config.ts

@@ -34,11 +34,11 @@ export default defineConfig({
   use: {
     baseURL: 'http://localhost:3000/',// ปรับเป็น URL ที่ทดสอบ
     headless: false,                  // false = เห็น browser ขณะรัน
-    screenshot: 'only-on-failure',   // เก็บ screenshot เมื่อ fail
+    screenshot: 'on',   // เก็บ screenshot 
     trace: 'retain-on-failure',       // เก็บ trace เพื่อดีบักเมื่อ fail
-    // launchOptions: {
-    //   slowMo: 1000,
-    // },          // ช้าลง 10 วินาที
+    launchOptions: {
+      slowMo: 500,
+    },          // ช้าลง 10 วินาที
   },
 
   /* ──── Setup Projects: login ครั้งเดียว แล้ว save cookies ──── */

frontend_management/services/instructor.service.ts

@@ -610,6 +610,19 @@ export const instructorService = {
             { method: 'DELETE' }
         );
     },
+    async getMyStudentsStats(): Promise<{ total_students: number; total_completed: number }> {
+        const response = await authRequest<{
+            code: number;
+            message: string;
+            total_students: number;
+            total_completed: number;
+        }>('/api/instructors/courses/my-students');
+        return {
+            total_students: response.total_students,
+            total_completed: response.total_completed
+        };
+    },
+
     async getCourseApprovalHistory(courseId: number): Promise<ApprovalHistory[]> {
         const response = await authRequest<{
             code: number;

frontend_management/stores/instructor.ts

@@ -51,56 +51,16 @@ export const useInstructorStore = defineStore('instructor', {
         async fetchDashboardData() {
             this.loading = true;
             try {
-                // Fetch real courses from API
-                const courses = await instructorService.getCourses();
+                // Fetch courses and student stats in parallel
+                const [courses, studentStats] = await Promise.all([
+                    instructorService.getCourses(),
+                    instructorService.getMyStudentsStats()
+                ]);
 
-                // Fetch student counts for each course
-                let totalStudents = 0;
-                let completedStudents = 0;
-                const courseDetails: Course[] = [];
-
-                for (const course of courses.slice(0, 5)) {
-                    try {
-                        // Get student counts
-                        const studentsResponse = await instructorService.getEnrolledStudents(course.id, 1, 1);
-                        const courseStudents = studentsResponse.total || 0;
-                        totalStudents += courseStudents;
-
-                        // Get completed count from full list (if small) or estimate
-                        if (courseStudents > 0 && courseStudents <= 100) {
-                            const allStudents = await instructorService.getEnrolledStudents(course.id, 1, 100);
-                            completedStudents += allStudents.data.filter(s => s.status === 'COMPLETED').length;
-                        }
-
-                        // Get lesson count from course detail
-                        const courseDetail = await instructorService.getCourseById(course.id);
-                        const lessonCount = courseDetail.chapters.reduce((sum, ch) => sum + ch.lessons.length, 0);
-
-                        courseDetails.push({
-                            id: course.id,
-                            title: course.title.th,
-                            students: courseStudents,
-                            lessons: lessonCount,
-                            icon: 'book',
-                            thumbnail: course.thumbnail_url || null
-                        });
-                    } catch (e) {
-                        // Course might not have students endpoint
-                        courseDetails.push({
-                            id: course.id,
-                            title: course.title.th,
-                            students: 0,
-                            lessons: 0,
-                            icon: 'book',
-                            thumbnail: course.thumbnail_url || null
-                        });
-                    }
-                }
-
-                // Update stats
+                // Update student stats from dedicated API
                 this.stats.totalCourses = courses.length;
-                this.stats.totalStudents = totalStudents;
-                this.stats.completedStudents = completedStudents;
+                this.stats.totalStudents = studentStats.total_students;
+                this.stats.completedStudents = studentStats.total_completed;
 
                 // Update course status counts
                 this.courseStatusCounts = {
@@ -110,8 +70,15 @@ export const useInstructorStore = defineStore('instructor', {
                     rejected: courses.filter(c => c.status === 'REJECTED').length
                 };
 
-                // Update recent courses (first 3)
-                this.recentCourses = courseDetails.slice(0, 3);
+                // Build recent courses list (first 3) from existing data
+                this.recentCourses = courses.slice(0, 3).map(course => ({
+                    id: course.id,
+                    title: course.title.th,
+                    students: 0,
+                    lessons: 0,
+                    icon: 'book',
+                    thumbnail: course.thumbnail_url || null
+                }));
             } catch (error) {
                 console.error('Failed to fetch dashboard data:', error);
             } finally {