/**
 * 완전 통합 테스트 탭 (10건 실데이터)
 * - 채번규칙(문서번호) / 공통코드(LOT) 완전 분리
 * - 문서양식관리 연동
 * - 자재관리 포함
 */
import React, { useState } from 'react';
import {
  Database, Play, RefreshCw, CheckCircle, ChevronDown, X,
  FileCode, Package, Printer, ClipboardList, ShieldCheck, DollarSign
} from 'lucide-react';
import {
  runAllTests as runCompleteTests,
  masterData as completeMasterData,
} from '../utils/mesCompleteIntegration';

const CompleteIntegrationTestTab = () => {
  const [testResults, setTestResults] = useState(null);
  const [isRunning, setIsRunning] = useState(false);
  const [selectedTest, setSelectedTest] = useState(null);
  const [selectedWorkLog, setSelectedWorkLog] = useState(null);

  const handleRunTests = () => {
    setIsRunning(true);
    setSelectedTest(null);
    setSelectedWorkLog(null);
    setTimeout(() => {
      try {
        const results = runCompleteTests();
        setTestResults(results);
      } catch (error) {
        console.error('테스트 실행 오류:', error);
        setTestResults({ error: error.message });
      }
      setIsRunning(false);
    }, 500);
  };

  const renderWorkLogDialog = () => {
    if (!selectedWorkLog) return null;
    const { workLog, template } = selectedWorkLog;
    return (
      <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
        <div className="bg-white rounded-xl w-[900px] max-h-[90vh] overflow-auto">
          <div className="sticky top-0 bg-white border-b p-4 flex items-center justify-between">
            <h3 className="text-lg font-bold">{template?.name || '작업일지'}</h3>
            <button onClick={() => setSelectedWorkLog(null)} className="p-2 hover:bg-gray-100 rounded">
              <X className="w-5 h-5" />
            </button>
          </div>
          <div className="p-6">
            <div className="border-b pb-4 mb-4">
              <div className="grid grid-cols-3 gap-4 text-sm">
                <div><span className="text-gray-500">문서번호:</span> <span className="font-mono">{workLog.documentNo}</span></div>
                <div><span className="text-gray-500">작업일자:</span> {workLog.workDate}</div>
                <div><span className="text-gray-500">공정:</span> {workLog.processType}</div>
              </div>
            </div>
            <div className="space-y-4">
              <h4 className="font-bold text-gray-700 border-b pb-2">작업 정보</h4>
              <div className="grid grid-cols-2 gap-4 text-sm">
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">작업지시번호:</span> <span className="font-mono">{workLog.workOrderNo}</span></div>
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">생산LOT:</span> <span className="font-mono font-bold text-blue-600">{workLog.productionLotNo}</span></div>
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">품목:</span> {workLog.itemName}</div>
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">수량:</span> {workLog.quantity}개</div>
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">작업자:</span> {workLog.workerName}</div>
                <div className="bg-gray-50 p-3 rounded"><span className="text-gray-500">담당자:</span> {workLog.assignee}</div>
              </div>
              {workLog.steps?.length > 0 && (
                <div className="mt-6">
                  <h4 className="font-bold text-gray-700 border-b pb-2 mb-4">공정 단계 체크리스트</h4>
                  <div className="space-y-2">
                    {workLog.steps.map((step, idx) => (
                      <div key={idx} className="flex items-center gap-3 p-2 bg-gray-50 rounded">
                        <span className={`w-6 h-6 rounded-full flex items-center justify-center text-sm font-bold ${
                          step.status === 'completed' ? 'bg-green-500 text-white' :
                          step.status === 'in_progress' ? 'bg-blue-500 text-white' : 'bg-gray-300'
                        }`}>{idx + 1}</span>
                        <span className="flex-1">{step.name}</span>
                        <span className={`text-xs px-2 py-1 rounded ${
                          step.status === 'completed' ? 'bg-green-100 text-green-700' :
                          step.status === 'in_progress' ? 'bg-blue-100 text-blue-700' : 'bg-gray-100 text-gray-500'
                        }`}>
                          {step.status === 'completed' ? '완료' : step.status === 'in_progress' ? '진행중' : '대기'}
                        </span>
                      </div>
                    ))}
                  </div>
                </div>
              )}
              {workLog.materialLots?.length > 0 && (
                <div className="mt-6">
                  <h4 className="font-bold text-gray-700 border-b pb-2 mb-4">사용 자재 (입고LOT)</h4>
                  <table className="w-full text-sm border">
                    <thead className="bg-gray-100">
                      <tr>
                        <th className="p-2 border text-left">자재명</th>
                        <th className="p-2 border text-left">입고LOT</th>
                        <th className="p-2 border text-right">사용량</th>
                      </tr>
                    </thead>
                    <tbody>
                      {workLog.materialLots.map((mat, idx) => (
                        <tr key={idx}>
                          <td className="p-2 border">{mat.materialName}</td>
                          <td className="p-2 border font-mono text-orange-600">{mat.lotNo}</td>
                          <td className="p-2 border text-right">{mat.usedQty} {mat.unit}</td>
                        </tr>
                      ))}
                    </tbody>
                  </table>
                </div>
              )}
            </div>
          </div>
        </div>
      </div>
    );
  };

  return (
    <div className="space-y-6">
      {/* 헤더 */}
      <div className="bg-gradient-to-r from-purple-600 to-indigo-600 text-white rounded-xl p-6">
        <h2 className="text-2xl font-bold mb-2">완전 통합 테스트 (10건)</h2>
        <p className="opacity-90">
          채번규칙(문서번호) / 공통코드(LOT) 완전 분리 + 문서양식 연동 + 자재관리 포함
        </p>
        <div className="mt-3 flex flex-wrap gap-2">
          <span className="px-2 py-1 bg-white/20 rounded text-sm">채번: QT/SO/WO/IQC/PQC/FQC/SL</span>
          <span className="px-2 py-1 bg-white/20 rounded text-sm">입고LOT: YYMMDD-##</span>
          <span className="px-2 py-1 bg-white/20 rounded text-sm">생산LOT: 품목종류연월일-규격</span>
        </div>
      </div>

      {/* 마스터 데이터 현황 */}
      <div className="bg-white rounded-xl p-6 border">
        <h3 className="text-lg font-bold mb-4 flex items-center gap-2">
          <Database className="w-5 h-5 text-purple-500" />
          마스터 데이터 (각 10건)
        </h3>
        <div className="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
          <div className="bg-purple-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-purple-600">{completeMasterData.customers?.length || 10}</p>
            <p className="text-sm text-gray-600">거래처</p>
          </div>
          <div className="bg-indigo-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-indigo-600">{completeMasterData.sites?.length || 10}</p>
            <p className="text-sm text-gray-600">현장</p>
          </div>
          <div className="bg-blue-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-blue-600">{completeMasterData.products?.length || 10}</p>
            <p className="text-sm text-gray-600">제품</p>
          </div>
          <div className="bg-green-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-green-600">{completeMasterData.rawMaterials?.length || 10}</p>
            <p className="text-sm text-gray-600">원자재</p>
          </div>
          <div className="bg-yellow-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-yellow-600">{completeMasterData.parts?.length || 10}</p>
            <p className="text-sm text-gray-600">부품</p>
          </div>
          <div className="bg-gray-50 rounded-lg p-4 text-center">
            <p className="text-2xl font-bold text-gray-600">{completeMasterData.consumables?.length || 10}</p>
            <p className="text-sm text-gray-600">소모품</p>
          </div>
        </div>
      </div>

      {/* 프로세스 플로우 설명 */}
      <div className="bg-white rounded-xl p-6 border">
        <h3 className="text-lg font-bold mb-4">전체 프로세스 흐름 (11단계)</h3>
        <div className="flex flex-wrap items-center gap-2 text-sm">
          {['거래처/현장/품목', '견적(QT)', '수주(SO)', '자재입고(입고LOT)', '생산지시(WO+생산LOT)', '작업진행(작업일지)', '중간검사(PQC)', '입금확인', '출하(SL)', '고객검사요청', '최종검사(FQC)', '매출확정'].map((step, idx) => (
            <React.Fragment key={idx}>
              <span className={`px-3 py-1.5 rounded ${
                idx === 0 ? 'bg-gray-100' :
                idx < 4 ? 'bg-blue-100 text-blue-700' :
                idx < 7 ? 'bg-green-100 text-green-700' :
                idx < 9 ? 'bg-orange-100 text-orange-700' : 'bg-purple-100 text-purple-700'
              }`}>
                {step}
              </span>
              {idx < 11 && <span className="text-gray-400">→</span>}
            </React.Fragment>
          ))}
        </div>
      </div>

      {/* 테스트 실행 버튼 */}
      <div className="flex justify-center">
        <button
          onClick={handleRunTests}
          disabled={isRunning}
          className={`px-8 py-4 rounded-xl text-white font-bold text-lg flex items-center gap-3 ${
            isRunning
              ? 'bg-gray-400 cursor-not-allowed'
              : 'bg-gradient-to-r from-purple-600 to-indigo-600 hover:from-purple-700 hover:to-indigo-700'
          }`}
        >
          {isRunning ? (
            <>
              <RefreshCw className="w-6 h-6 animate-spin" />
              10건 테스트 실행 중...
            </>
          ) : (
            <>
              <Play className="w-6 h-6" />
              10건 완전 통합 테스트 실행
            </>
          )}
        </button>
      </div>

      {/* 테스트 결과 */}
      {testResults && !testResults.error && (
        <div className="space-y-4">
          {/* 결과 요약 */}
          <div className="bg-white rounded-xl p-6 border">
            <h3 className="text-lg font-bold mb-4 flex items-center gap-2">
              <CheckCircle className="w-5 h-5 text-green-500" />
              테스트 결과 요약
            </h3>
            <div className="grid grid-cols-4 gap-4 mb-6">
              <div className="bg-gray-50 rounded-lg p-4 text-center">
                <p className="text-3xl font-bold">{testResults.summary?.totalTests || 0}</p>
                <p className="text-sm text-gray-600">총 테스트</p>
              </div>
              <div className="bg-green-50 rounded-lg p-4 text-center">
                <p className="text-3xl font-bold text-green-600">{testResults.summary?.successCount || 0}</p>
                <p className="text-sm text-gray-600">성공</p>
              </div>
              <div className="bg-red-50 rounded-lg p-4 text-center">
                <p className="text-3xl font-bold text-red-600">{testResults.summary?.failCount || 0}</p>
                <p className="text-sm text-gray-600">실패</p>
              </div>
              <div className="bg-blue-50 rounded-lg p-4 text-center">
                <p className="text-3xl font-bold text-blue-600">
                  {((testResults.summary?.successCount || 0) / (testResults.summary?.totalTests || 1) * 100).toFixed(0)}%
                </p>
                <p className="text-sm text-gray-600">성공률</p>
              </div>
            </div>

            {/* 개별 테스트 결과 */}
            <div className="space-y-3">
              {testResults.results?.map((result, idx) => (
                <div
                  key={idx}
                  className={`border rounded-lg overflow-hidden ${
                    result.success ? 'border-green-200' : 'border-red-200'
                  }`}
                >
                  <div
                    onClick={() => setSelectedTest(selectedTest === idx ? null : idx)}
                    className={`p-4 cursor-pointer transition-all ${
                      result.success ? 'bg-green-50 hover:bg-green-100' : 'bg-red-50 hover:bg-red-100'
                    }`}
                  >
                    <div className="flex items-center justify-between">
                      <div className="flex items-center gap-3">
                        <span className={`text-lg ${result.success ? 'text-green-500' : 'text-red-500'}`}>
                          {result.success ? '✅' : '❌'}
                        </span>
                        <span className="font-medium">{result.testName || `테스트 ${idx + 1}`}</span>
                        {result.data?.quote?.documentNo && (
                          <span className="text-sm text-gray-500 font-mono">({result.data.quote.documentNo})</span>
                        )}
                      </div>
                      <div className="flex items-center gap-4">
                        {result.data?.productionLots?.length > 0 && (
                          <span className="text-xs bg-blue-100 text-blue-700 px-2 py-1 rounded">
                            생산LOT: {result.data.productionLots.length}건
                          </span>
                        )}
                        {result.data?.incomingLots?.length > 0 && (
                          <span className="text-xs bg-orange-100 text-orange-700 px-2 py-1 rounded">
                            입고LOT: {result.data.incomingLots.length}건
                          </span>
                        )}
                        <ChevronDown className={`w-5 h-5 transition-transform ${selectedTest === idx ? 'rotate-180' : ''}`} />
                      </div>
                    </div>
                  </div>

                  {/* 상세 정보 */}
                  {selectedTest === idx && result.data && (
                    <div className="p-4 bg-white border-t">
                      {/* 문서번호 (채번) */}
                      <div className="mb-4">
                        <h4 className="font-bold text-sm text-gray-700 mb-2 flex items-center gap-2">
                          <FileCode className="w-4 h-4 text-blue-500" /> 채번 결과 (문서번호)
                        </h4>
                        <div className="grid grid-cols-2 md:grid-cols-4 gap-2 text-sm">
                          <div className="bg-blue-50 p-2 rounded">
                            <span className="text-gray-500">견적:</span>
                            <span className="font-mono ml-1">{result.data.quote?.documentNo}</span>
                          </div>
                          <div className="bg-green-50 p-2 rounded">
                            <span className="text-gray-500">수주:</span>
                            <span className="font-mono ml-1">{result.data.order?.documentNo}</span>
                          </div>
                          {result.data.workOrders?.map((wo, i) => (
                            <div key={i} className="bg-yellow-50 p-2 rounded">
                              <span className="text-gray-500">작업지시{i+1}:</span>
                              <span className="font-mono ml-1">{wo.documentNo}</span>
                            </div>
                          ))}
                          <div className="bg-purple-50 p-2 rounded">
                            <span className="text-gray-500">출하:</span>
                            <span className="font-mono ml-1">{result.data.shipment?.documentNo}</span>
                          </div>
                        </div>
                      </div>

                      {/* LOT 번호 (공통코드) */}
                      <div className="mb-4">
                        <h4 className="font-bold text-sm text-gray-700 mb-2 flex items-center gap-2">
                          <Package className="w-4 h-4 text-orange-500" /> 공통코드 결과 (LOT번호)
                        </h4>
                        <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
                          <div className="border rounded p-3">
                            <p className="text-xs text-gray-500 mb-2">입고LOT (YYMMDD-##)</p>
                            <div className="flex flex-wrap gap-1">
                              {result.data.incomingLots?.map((lot, i) => (
                                <span key={i} className="px-2 py-1 bg-orange-100 text-orange-700 rounded text-xs font-mono">
                                  {lot.lotNo} ({lot.materialName?.substring(0,6)})
                                </span>
                              ))}
                              {(!result.data.incomingLots || result.data.incomingLots.length === 0) && (
                                <span className="text-gray-400 text-sm">입고LOT 없음</span>
                              )}
                            </div>
                          </div>
                          <div className="border rounded p-3">
                            <p className="text-xs text-gray-500 mb-2">생산LOT (품목종류연월일-규격)</p>
                            <div className="flex flex-wrap gap-1">
                              {result.data.productionLots?.map((lot, i) => (
                                <span key={i} className="px-2 py-1 bg-blue-100 text-blue-700 rounded text-xs font-mono">
                                  {lot.lotNo} ({lot.itemName?.substring(0,6)})
                                </span>
                              ))}
                              {(!result.data.productionLots || result.data.productionLots.length === 0) && (
                                <span className="text-gray-400 text-sm">생산LOT 없음</span>
                              )}
                            </div>
                          </div>
                        </div>
                      </div>

                      {/* 작업일지 (문서양식 연동) */}
                      {result.data.workLogs && result.data.workLogs.length > 0 && (
                        <div className="mb-4">
                          <h4 className="font-bold text-sm text-gray-700 mb-2 flex items-center gap-2">
                            <ClipboardList className="w-4 h-4 text-green-500" /> 작업일지 (문서양식관리 연동)
                          </h4>
                          <div className="flex flex-wrap gap-2">
                            {result.data.workLogs.map((wl, i) => (
                              <button
                                key={i}
                                onClick={(e) => {
                                  e.stopPropagation();
                                  setSelectedWorkLog({ workLog: wl, template: wl.template });
                                }}
                                className="flex items-center gap-2 px-3 py-2 border rounded hover:bg-gray-50 text-sm"
                              >
                                <Printer className="w-4 h-4 text-gray-500" />
                                <span className="font-mono">{wl.documentNo}</span>
                                <span className="text-gray-500">({wl.processType})</span>
                              </button>
                            ))}
                          </div>
                        </div>
                      )}

                      {/* 검사 결과 */}
                      {(result.data.processInspection || result.data.finalInspection) && (
                        <div className="mb-4">
                          <h4 className="font-bold text-sm text-gray-700 mb-2 flex items-center gap-2">
                            <ShieldCheck className="w-4 h-4 text-indigo-500" /> 검사 결과
                          </h4>
                          <div className="grid grid-cols-2 gap-2 text-sm">
                            {result.data.processInspection && (
                              <div className="bg-indigo-50 p-2 rounded">
                                <span className="text-gray-500">중간검사(PQC):</span>
                                <span className="font-mono ml-1">{result.data.processInspection.documentNo}</span>
                                <span className={`ml-2 text-xs ${result.data.processInspection.result === '합격' ? 'text-green-600' : 'text-red-600'}`}>
                                  {result.data.processInspection.result}
                                </span>
                              </div>
                            )}
                            {result.data.finalInspection && (
                              <div className="bg-purple-50 p-2 rounded">
                                <span className="text-gray-500">최종검사(FQC):</span>
                                <span className="font-mono ml-1">{result.data.finalInspection.documentNo}</span>
                                <span className={`ml-2 text-xs ${result.data.finalInspection.result === '합격' ? 'text-green-600' : 'text-red-600'}`}>
                                  {result.data.finalInspection.result}
                                </span>
                              </div>
                            )}
                          </div>
                        </div>
                      )}

                      {/* 금액 정보 */}
                      <div>
                        <h4 className="font-bold text-sm text-gray-700 mb-2 flex items-center gap-2">
                          <DollarSign className="w-4 h-4 text-green-500" /> 금액 정보
                        </h4>
                        <div className="grid grid-cols-4 gap-2 text-sm">
                          <div className="bg-gray-50 p-2 rounded text-center">
                            <p className="text-gray-500 text-xs">견적금액</p>
                            <p className="font-bold">{result.data.quote?.totalAmount?.toLocaleString()}원</p>
                          </div>
                          <div className="bg-gray-50 p-2 rounded text-center">
                            <p className="text-gray-500 text-xs">계약금(30%)</p>
                            <p className="font-bold text-blue-600">{result.data.depositPayment?.amount?.toLocaleString()}원</p>
                          </div>
                          <div className="bg-gray-50 p-2 rounded text-center">
                            <p className="text-gray-500 text-xs">잔금(70%)</p>
                            <p className="font-bold text-orange-600">{result.data.sales?.remainingAmount?.toLocaleString()}원</p>
                          </div>
                          <div className="bg-gray-50 p-2 rounded text-center">
                            <p className="text-gray-500 text-xs">상태</p>
                            <p className="font-bold text-green-600">{result.data.sales?.status || '매출확정'}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  )}
                </div>
              ))}
            </div>
          </div>

          {/* 채번규칙 vs 공통코드 분리 검증 */}
          <div className="bg-white rounded-xl p-6 border">
            <h3 className="text-lg font-bold mb-4">채번규칙 vs 공통코드 분리 검증</h3>
            <div className="grid grid-cols-2 gap-6">
              {/* 채번규칙 (문서번호) */}
              <div className="border rounded-lg p-4">
                <h4 className="font-bold text-blue-600 mb-3 flex items-center gap-2">
                  <FileCode className="w-5 h-5" /> 채번관리 (문서번호)
                </h4>
                <p className="text-sm text-gray-500 mb-3">실제 채번관리 테이블 기반</p>
                <div className="space-y-2 text-sm">
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>견적번호 (QT)</span>
                    <span className="font-mono">KD-PR-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>수주번호 (스크린)</span>
                    <span className="font-mono">KD-TS-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>수주번호 (슬랫/절곡)</span>
                    <span className="font-mono">KD-SL/BD-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>작업지시번호</span>
                    <span className="font-mono">KD-WO-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>중간검사 LOT</span>
                    <span className="font-mono">KD-WE-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>제품검사 LOT</span>
                    <span className="font-mono">KD-SA-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>출하번호</span>
                    <span className="font-mono">KD-SH-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>현장코드</span>
                    <span className="font-mono">PJ-YYMMDD-##</span>
                  </div>
                </div>
              </div>
              {/* 공통코드 (LOT번호) */}
              <div className="border rounded-lg p-4">
                <h4 className="font-bold text-orange-600 mb-3 flex items-center gap-2">
                  <Package className="w-5 h-5" /> 공통코드관리 (LOT번호)
                </h4>
                <p className="text-sm text-gray-500 mb-3">codeRuleConfig + lotPatterns 기반</p>
                <div className="space-y-2 text-sm">
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>입고검사 LOT</span>
                    <span className="font-mono">YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>생산 LOT</span>
                    <span className="font-mono">KD-PL-YYMMDD-##</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>완제품/부품 LOT</span>
                    <span className="font-mono">KD-TS-YYMMDD-##-##</span>
                  </div>
                  <div className="p-2 bg-orange-50 rounded text-xs">
                    <p className="font-bold">예시:</p>
                    <p className="font-mono">KD-PR-251217-01 (견적)</p>
                    <p className="font-mono">KD-TS-251217-01 (수주-스크린)</p>
                    <p className="font-mono">KD-WO-251217-01 (작업지시)</p>
                    <p className="font-mono">KD-SH-251217-01 (출하)</p>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>품목코드</span>
                    <span className="font-mono">유형약어+폭+높이</span>
                  </div>
                  <div className="flex justify-between p-2 bg-gray-50 rounded">
                    <span>거래처/현장코드</span>
                    <span className="font-mono">CUS/SUP/PJ-###</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      )}

      {/* 에러 표시 */}
      {testResults?.error && (
        <div className="bg-red-50 border border-red-200 rounded-xl p-6">
          <h3 className="text-lg font-bold text-red-600 mb-2">테스트 실행 오류</h3>
          <p className="text-red-700">{testResults.error}</p>
          <pre className="mt-4 p-4 bg-red-100 rounded text-xs overflow-auto">{testResults.error}</pre>
        </div>
      )}

      {/* 작업일지 다이얼로그 */}
      {renderWorkLogDialog()}
    </div>
  );
};

export default CompleteIntegrationTestTab;
