catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-02-14 02:42:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement phases 6 to 9 of the review cycle fix process, including discovery, batching, parallel planning, execution, and completion

Browse Source 
- Added Phase 6: Fix Discovery & Batching with intelligent grouping and batching of findings.
- Added Phase 7: Fix Parallel Planning to launch planning agents for concurrent analysis and aggregation of partial plans.
- Added Phase 8: Fix Execution for stage-based execution of fixes with conservative test verification.
- Added Phase 9: Fix Completion to aggregate results, generate summary reports, and handle session completion.
- Introduced new frontend components: ResizeHandle for draggable resizing of sidebar panels and useResizablePanel hook for managing panel sizes with localStorage persistence.
- Added PowerShell script for checking TypeScript errors in source code, excluding test files.
This commit is contained in:
catlog22
2026-02-07 19:28:33 +08:00
parent ba5f4eba84
commit d43696d756
90 changed files with 8462 additions and 616 deletions
Download Patch File Download Diff File Expand all files Collapse all files

331
ccw/frontend/tests/e2e/commands.spec.ts
View File

@@ -8,14 +8,14 @@ import { setupEnhancedMonitoring } from './helpers/i18n-helpers';
test.describe('[Commands] - Commands Management Tests', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/', { waitUntil: 'networkidle' as const });
// Navigate to commands page directly and wait for full load
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
});
test('L3.1 - should display commands list', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
// Commands page already loaded in beforeEach
// Look for commands list container
const commandsList = page.getByTestId('commands-list').or(
@@ -34,15 +34,14 @@ test.describe('[Commands] - Commands Management Tests', () => {
expect(itemCount).toBeGreaterThan(0);
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
test('L3.2 - should display command name', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
// Commands page already loaded in beforeEach
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -69,15 +68,14 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
test('L3.3 - should display command description', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
// Commands page already loaded in beforeEach
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -102,7 +100,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -110,7 +108,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -135,7 +133,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -143,7 +141,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -168,7 +166,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -176,7 +174,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -201,7 +199,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -209,7 +207,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for category filter
const categoryFilter = page.getByRole('combobox', { name: /category|filter/i }).or(
@@ -236,7 +234,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -244,7 +242,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for search input
const searchInput = page.getByRole('textbox', { name: /search|find/i }).or(
@@ -272,7 +270,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
expect(hasNoResults || commandCount >= 0).toBe(true);
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -280,7 +278,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -305,7 +303,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
@@ -313,7 +311,7 @@ test.describe('[Commands] - Commands Management Tests', () => {
const monitoring = setupEnhancedMonitoring(page);
// Navigate to commands page
await page.goto('/commands', { waitUntil: 'networkidle' as const });
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Look for command items
const commandItems = page.getByTestId(/command-item|command-card/).or(
@@ -338,154 +336,215 @@ test.describe('[Commands] - Commands Management Tests', () => {
}
}
monitoring.assertClean({ allowWarnings: true });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/'], allowWarnings: true });
monitoring.stop();
});
// ========================================
// API Error Scenarios
// ========================================
// Note: These tests use separate describe block to control navigation timing
test('L3.11 - API Error - 400 Bad Request', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
test.describe('API Error Tests', () => {
// Each test sets up mock BEFORE navigation, then navigates
// No shared beforeEach - each test handles its own navigation
// Mock API to return 400
await page.route('**/api/commands/**', (route) => {
route.fulfill({
status: 400,
contentType: 'application/json',
body: JSON.stringify({ error: 'Bad Request', message: 'Invalid command data' }),
test('L3.11 - API Error - 400 Bad Request', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Mock API FIRST, before navigation
await page.route('**/api/commands**', (route) => {
route.fulfill({
status: 400,
contentType: 'application/json',
body: JSON.stringify({ error: 'Bad Request', message: 'Invalid command data' }),
});
});
// Navigate AFTER mock is set up
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Debug: Check if page loaded
const url = page.url();
console.log('[L3.11] Current URL:', url);
// Wait for React Query to complete with retries
await page.waitForTimeout(3000);
// Debug: Check page content
const bodyContent = await page.locator('body').textContent();
console.log('[L3.11] Page content (first 300 chars):', bodyContent?.substring(0, 300));
// Debug: Check for any error-related text
const hasErrorText = /Failed to load data|加载失败|Invalid command data|Bad Request/.test(bodyContent || '');
console.log('[L3.11] Has error-related text:', hasErrorText);
// Verify error message is displayed
const errorMessage = page.locator('text=/Failed to load data|加载失败/');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
// Clean up route after verification
await page.unroute('**/api/commands**');
// Skip console error check for API error tests - errors are expected
monitoring.stop();
});
await page.goto('/commands', { waitUntil: 'networkidle' as const });
test('L3.12 - API Error - 401 Unauthorized', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Verify error message is displayed
const errorMessage = page.getByText(/invalid|bad request|输入无效/i);
await page.unroute('**/api/commands/**');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
});
test('L3.12 - API Error - 401 Unauthorized', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Mock API to return 401
await page.route('**/api/commands', (route) => {
route.fulfill({
status: 401,
contentType: 'application/json',
body: JSON.stringify({ error: 'Unauthorized', message: 'Authentication required' }),
// Mock API FIRST, before navigation
await page.route('**/api/commands**', (route) => {
route.fulfill({
status: 401,
contentType: 'application/json',
body: JSON.stringify({ error: 'Unauthorized', message: 'Authentication required' }),
});
});
});
await page.goto('/commands', { waitUntil: 'networkidle' as const });
// Navigate AFTER mock is set up
// Use domcontentloaded instead of networkidle to avoid hanging on failed requests
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Verify auth error
const authError = page.getByText(/unauthorized|not authenticated|未经授权/i);
await page.unroute('**/api/commands');
const hasError = await authError.isVisible().catch(() => false);
expect(hasError).toBe(true);
// Wait for React Query to complete retries and set error state
await page.waitForTimeout(3000);
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
});
test('L3.13 - API Error - 403 Forbidden', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Mock API to return 403
await page.route('**/api/commands', (route) => {
route.fulfill({
status: 403,
contentType: 'application/json',
body: JSON.stringify({ error: 'Forbidden', message: 'Access denied' }),
// Debug: Check if error UI is in DOM
const errorInDOM = await page.locator('body').evaluate((el) => {
const errorElements = el.querySelectorAll('[class*="destructive"]');
return {
count: errorElements.length,
content: errorElements[0]?.textContent?.substring(0, 100) || null,
};
});
console.log('[L3.12] Error UI in DOM:', errorInDOM);
// Debug: Check if error text is anywhere on page
const bodyText = await page.locator('body').textContent();
const hasErrorTextInBody = /Failed to load data|加载失败/.test(bodyText || '');
console.log('[L3.12] Has error text in body:', hasErrorTextInBody);
// Verify auth error is displayed
const authError = page.locator('text=/Failed to load data|加载失败/');
const hasError = await authError.isVisible().catch(() => false);
expect(hasError).toBe(true);
await page.unroute('**/api/commands**');
monitoring.stop();
});
await page.goto('/commands', { waitUntil: 'networkidle' as const });
test('L3.13 - API Error - 403 Forbidden', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Verify forbidden message
const errorMessage = page.getByText(/forbidden|not allowed|禁止访问/i);
await page.unroute('**/api/commands');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
});
test('L3.14 - API Error - 404 Not Found', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Mock API to return 404
await page.route('**/api/commands/nonexistent', (route) => {
route.fulfill({
status: 404,
contentType: 'application/json',
body: JSON.stringify({ error: 'Not Found', message: 'Command not found' }),
// Mock API FIRST, before navigation
await page.route('**/api/commands**', (route) => {
route.fulfill({
status: 403,
contentType: 'application/json',
body: JSON.stringify({ error: 'Forbidden', message: 'Access denied' }),
});
});
// Navigate AFTER mock is set up
// Use domcontentloaded instead of networkidle to avoid hanging on failed requests
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Wait for React Query to complete retries and set error state
await page.waitForTimeout(3000);
// Verify forbidden message is displayed
const errorMessage = page.locator('text=/Failed to load data|加载失败/');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
await page.unroute('**/api/commands**');
monitoring.stop();
});
// Try to access a non-existent command
await page.goto('/commands/nonexistent-command-id', { waitUntil: 'networkidle' as const });
test('L3.14 - API Error - 404 Not Found', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Verify not found message
const errorMessage = page.getByText(/not found|doesn't exist|未找到/i);
await page.unroute('**/api/commands/nonexistent');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
});
test('L3.15 - API Error - 500 Internal Server Error', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Mock API to return 500
await page.route('**/api/commands', (route) => {
route.fulfill({
status: 500,
contentType: 'application/json',
body: JSON.stringify({ error: 'Internal Server Error' }),
// Mock API to return 404
await page.route('**/api/commands**', (route) => {
route.fulfill({
status: 404,
contentType: 'application/json',
body: JSON.stringify({ error: 'Not Found', message: 'Command not found' }),
});
});
// Navigate AFTER mock is set up
// Use domcontentloaded instead of networkidle to avoid hanging on failed requests
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
// Wait for React Query to complete retries and set error state
await page.waitForTimeout(3000);
// Verify not found message is displayed
const errorMessage = page.locator('text=/Failed to load data|加载失败/');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
await page.unroute('**/api/commands**');
monitoring.stop();
});
await page.goto('/commands', { waitUntil: 'networkidle' as const });
test('L3.15 - API Error - 500 Internal Server Error', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Verify server error message
const errorMessage = page.getByText(/server error|try again|服务器错误/i);
await page.unroute('**/api/commands');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
// Mock API FIRST, before navigation
await page.route('**/api/commands**', (route) => {
route.fulfill({
status: 500,
contentType: 'application/json',
body: JSON.stringify({ error: 'Internal Server Error' }),
});
});
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
});
// Navigate AFTER mock is set up
// Use domcontentloaded instead of networkidle to avoid hanging on failed requests
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
test('L3.16 - API Error - Network Timeout', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Wait for React Query to complete retries and set error state
await page.waitForTimeout(3000);
// Mock API timeout
await page.route('**/api/commands', () => {
// Never fulfill - simulate timeout
// Verify server error message is displayed
const errorMessage = page.locator('text=/Failed to load data|加载失败/');
const hasError = await errorMessage.isVisible().catch(() => false);
expect(hasError).toBe(true);
await page.unroute('**/api/commands**');
monitoring.stop();
});
await page.goto('/commands', { waitUntil: 'networkidle' as const });
test('L3.16 - API Error - Network Timeout', async ({ page }) => {
const monitoring = setupEnhancedMonitoring(page);
// Wait for timeout handling
await page.waitForTimeout(3000);
// Mock API timeout - abort connection
await page.route('**/api/commands**', (route) => {
route.abort('failed');
});
// Verify timeout message
const timeoutMessage = page.getByText(/timeout|network error|unavailable|网络超时/i);
await page.unroute('**/api/commands');
const hasTimeout = await timeoutMessage.isVisible().catch(() => false);
// Navigate AFTER mock is set up
// Use domcontentloaded instead of networkidle to avoid hanging on failed requests
await page.goto('/react/commands', { waitUntil: 'networkidle' as const });
monitoring.assertClean({ ignoreAPIPatterns: ['/api/commands'], allowWarnings: true });
monitoring.stop();
// Wait for timeout handling
await page.waitForTimeout(5000);
// Verify timeout message is displayed
const timeoutMessage = page.locator('text=/Failed to load data|加载失败/');
const hasTimeout = await timeoutMessage.isVisible().catch(() => false);
expect(hasTimeout).toBe(true);
await page.unroute('**/api/commands**');
monitoring.stop();
});
});
});