Task Detail Panel Component Test

Test Instructions

This test verifies the enhanced Task Detail Panel component with the following features:

• Quick Action Buttons: Start Task, Submit Work, Reassign
• Status Update Control: Dropdown to change task status
• Task Assignment: Dialog to reassign tasks to project members
• Enhanced Metadata Display: Icons for deadline and assigned user
• Tabs: Notes, Attachments, and Submissions

Manual Testing Steps

1. Login to the application: Open Login Page
2. Navigate to My Tasks: Open Tasks Page
3. Click on a task to open the Task Detail Panel on the right side
4. Verify Quick Actions:
   • If task status is "Not Started" and you're assigned, you should see "Start Task" button
   • If task status is "In Progress" or "Retake" and you're assigned, you should see "Submit Work" button
   • If you're a coordinator or admin, you should see "Reassign" button
5. Test Status Update:
   • Use the status dropdown to change the task status
   • Verify the status updates successfully
6. Test Task Assignment (Coordinator/Admin only):
   • Click the "Reassign" button
   • Verify the assignment dialog opens
   • Search for a project member
   • Select a member and click "Assign"
   • Verify the task is reassigned successfully
7. Verify Metadata Display:
   • Check that task type, status, deadline, and assigned user are displayed
   • Verify icons appear next to deadline and assigned user
   • Check deadline color coding (red for overdue, orange for soon, etc.)
8. Test Tabs:
   • Switch between Notes, Attachments, and Submissions tabs
   • Verify badge counts appear on tabs
   • Test adding notes, uploading attachments, and viewing submissions

Component Features Implemented

API Endpoints Used

GET    /tasks/{task_id}                  - Get task details
PUT    /tasks/{task_id}/status           - Update task status
PUT    /tasks/{task_id}/assign           - Assign task to user
GET    /projects/{project_id}/members    - Get project members
GET    /tasks/{task_id}/notes            - Get task notes
GET    /tasks/{task_id}/attachments      - Get task attachments
GET    /tasks/{task_id}/submissions      - Get task submissions
        

Expected Behavior

Quick Actions:

• Start Task: Changes status from "Not Started" to "In Progress"
• Submit Work: Directs user to Submissions tab to upload work
• Reassign: Opens dialog to select new assignee from project members

Status Update:

• Artists can update status of their own tasks
• Coordinators and admins can update any task status
• Status changes are reflected immediately in the UI

Task Assignment:

• Only coordinators and admins can reassign tasks
• Assignment dialog shows all project members with their department roles
• Search functionality filters members by name
• Current assignee is pre-selected when dialog opens

Test Results

After completing the manual tests above, document your results:

Test Date: Tester: Browser: Results: - Quick Actions: - Status Update: - Task Assignment: - Metadata Display: - Tabs: - Overall: Issues Found: Copy Results