enhance: 增强AI调解状态控制功能的健壮性和调试能力

tony.cheng

2026-03-17 2461efdde98a2509c7ac5a9fd56629aaecb8b281

enhance: 增强AI调解状态控制功能的健壮性和调试能力

 web-app/src/__tests__/mediationStateControl.test.js

New file
@@ -0,0 +1,149 @@
import React from 'react';
import { render, screen, fireEvent, waitFor } from '@testing-library/react';
import { message } from 'antd';
import TabContainer from '../components/dashboard/TabContainer';
import ProcessAPIService from '../services/ProcessAPIService';
import { getMergedParams } from '../utils/urlParams';

// Mock依赖
jest.mock('../services/ProcessAPIService');
jest.mock('../utils/urlParams');
jest.mock('antd', () => ({
  message: {
    success: jest.fn(),
    error: jest.fn()
  },
  Spin: ({ children }) => <div data-testid="spin">{children}</div>,
  Modal: ({ children, visible, onOk, onCancel, title, confirmLoading }) => (
    visible ? (
      <div data-testid="modal">
        <h3>{title}</h3>
        {children}
        <button onClick={onOk} disabled={confirmLoading}>确定</button>
        <button onClick={onCancel}>取消</button>
      </div>
    ) : null
  )
}));

jest.mock('../contexts/CaseDataContext', () => ({
  useCaseData: () => ({
    caseData: {
      mediation: {
        state: 0, // 测试终止状态
        id: 'test-mediation-id'
      }
    },
    refreshData: jest.fn()
  })
}));

describe('AI调解状态控制功能测试', () => {
  beforeEach(() => {
    jest.clearAllMocks();
    getMergedParams.mockReturnValue({ caseId: 'test-case-id' });
  });

  test('应该显示终止按钮当caseState为0', () => {
    render(<TabContainer activeTab="mediation-board" />);
    
    // 等待组件渲染完成
    expect(screen.getByText('终止')).toBeInTheDocument();
  });

  test('应该显示恢复按钮当caseState为5', () => {
    // 修改mock数据
    jest.mock('../contexts/CaseDataContext', () => ({
      useCaseData: () => ({
        caseData: {
          mediation: {
            state: 5, // 恢复状态
            id: 'test-mediation-id'
          }
        },
        refreshData: jest.fn()
      })
    }));

    render(<TabContainer activeTab="mediation-board" />);
    
    expect(screen.getByText('恢复')).toBeInTheDocument();
  });

  test('点击终止按钮应该显示确认对话框', () => {
    render(<TabContainer activeTab="mediation-board" />);
    
    const terminateButton = screen.getByText('终止');
    fireEvent.click(terminateButton);
    
    expect(screen.getByTestId('modal')).toBeInTheDocument();
    expect(screen.getByText('确认终止调解')).toBeInTheDocument();
  });

  test('确认终止应该调用API并显示成功消息', async () => {
    ProcessAPIService.updateMediationState.mockResolvedValue({ code: 200 });
    
    render(<TabContainer activeTab="mediation-board" />);
    
    // 点击终止按钮
    const terminateButton = screen.getByText('终止');
    fireEvent.click(terminateButton);
    
    // 点击确认按钮
    const confirmButton = screen.getByText('确定');
    fireEvent.click(confirmButton);
    
    // 验证API调用
    await waitFor(() => {
      expect(ProcessAPIService.updateMediationState).toHaveBeenCalledWith(
        'test-case-id',
        {
          action: 0,
          userName: '调解员'
        }
      );
    });
    
    // 验证成功消息
    expect(message.success).toHaveBeenCalledWith('案件状态更新成功');
  });

  test('API调用失败应该显示错误消息', async () => {
    ProcessAPIService.updateMediationState.mockRejectedValue(new Error('网络错误'));
    
    render(<TabContainer activeTab="mediation-board" />);
    
    // 点击终止按钮
    const terminateButton = screen.getByText('终止');
    fireEvent.click(terminateButton);
    
    // 点击确认按钮
    const confirmButton = screen.getByText('确定');
    fireEvent.click(confirmButton);
    
    // 验证错误消息
    await waitFor(() => {
      expect(message.error).toHaveBeenCalledWith('网络错误');
    });
  });

  test('不应该显示按钮当caseState为其他值', () => {
    // 修改mock数据为不支持的状态
    jest.mock('../contexts/CaseDataContext', () => ({
      useCaseData: () => ({
        caseData: {
          mediation: {
            state: 2, // 不支持的状态
            id: 'test-mediation-id'
          }
        },
        refreshData: jest.fn()
      })
    }));

    render(<TabContainer activeTab="mediation-board" />);
    
    expect(screen.queryByText('终止')).not.toBeInTheDocument();
    expect(screen.queryByText('恢复')).not.toBeInTheDocument();
  });
});

 web-app/src/components/dashboard/TabContainer.jsx

@@ -354,10 +354,22 @@

  // 状态控制按钮显示逻辑
  const shouldShowControlButton = () => {
    return caseState === 0 || caseState === 1 || caseState === 5;
    const show = caseState === 0 || caseState === 1 || caseState === 5;
    console.log('状态控制按钮显示检查:', {
      caseState,
      show,
      conditions: {
        'caseState === 0': caseState === 0,
        'caseState === 1': caseState === 1,
        'caseState === 5': caseState === 5
      }
    });
    return show;
  };

  const getControlButtonProps = () => {
    console.log('获取按钮属性:', { caseState });
    
    if (caseState === 0 || caseState === 1) {
      return {
        text: '终止',
@@ -371,38 +383,66 @@
        action: 'resume'
      };
    }
    
    console.log('未匹配到按钮属性，返回null');
    return null;
  };

  // 处理状态控制按钮点击
  const handleControlButtonClick = (action) => {
    console.log('状态控制按钮点击:', { action });
    setControlAction(action);
    setConfirmModalVisible(true);
  };

  // 处理确认对话框确认
  const handleConfirmOk = async () => {
    if (!controlAction) return;
    console.log('确认对话框确认:', { controlAction, remark });
    
    if (!controlAction) {
      console.warn('控制动作为空');
      return;
    }
    
    setControlLoading(true);
    try {
      const params = getMergedParams();
      const actionCode = controlAction === 'terminate' ? 0 : 1;
      
      console.log('准备调用API:', {
        caseId: params.caseId,
        actionCode,
        userName: localStorage.getItem('userName') || '调解员',
        remark: remark || ''
      });
      
      // 验证必要参数
      if (!params.caseId) {
        throw new Error('案件ID不能为空');
      }
      
      await ProcessAPIService.updateMediationState(params.caseId, {
        action: actionCode,
        userName: localStorage.getItem('userName') || '调解员'
        userName: localStorage.getItem('userName') || '调解员',
        remark: remark || ''
      });
      
      message.success('案件状态更新成功');
      setConfirmModalVisible(false);
      setRemark('');
      setControlAction(null);
      
      // 刷新数据
      refreshData();
    } catch (error) {
      console.error('状态更新失败:', error);
      message.error(error.message || '状态更新失败，请稍后重试');
      const errorMessage = error.message || '状态更新失败，请稍后重试';
      message.error(errorMessage);
      
      // 如果是网络错误，提供更多帮助信息
      if (errorMessage.includes('网络') || errorMessage.includes('Network')) {
        message.info('请检查网络连接或联系管理员');
      }
    } finally {
      setControlLoading(false);
    }