mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-24 13:44:54 +00:00
johndoe6345789
bef28e8c91
- Introduced Timestamp component for displaying formatted dates and relative time. - Added Toggle component for switch-like functionality with customizable sizes. - Implemented TreeIcon component for rendering tree icons using Phosphor icons. - Created EditorActions component for explain and improve actions with icons. - Developed FileTabs component for managing open files with close functionality. - Added LazyInlineMonacoEditor and LazyMonacoEditor for lazy loading Monaco editor. - Implemented NavigationItem for navigation with badges and icons. - Created PageHeaderContent for displaying page headers with icons and descriptions. - Added JSON configuration files for various UI components and layouts. - Enhanced data binding with new computed data source hook. - Updated component registry and types for new components. - Configured Vite for improved hot module replacement experience.
71 lines
2.5 KiB
TypeScript
71 lines
2.5 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('CodeForge - Smoke Tests', () => {
|
|
test('app loads successfully', async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
await page.goto('/', { waitUntil: 'networkidle', timeout: 15000 })
|
|
|
|
// Check that the app has rendered content (more reliable than checking visibility)
|
|
const root = page.locator('#root')
|
|
await expect(root).toHaveCount(1, { timeout: 5000 })
|
|
// Wait for any content to be rendered
|
|
await page.waitForSelector('#root > *', { timeout: 10000 })
|
|
})
|
|
|
|
test('can navigate to dashboard tab', async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
|
|
const dashboardTab = page.locator('button[role="tab"]').filter({ hasText: /Dashboard/i }).first()
|
|
if (await dashboardTab.isVisible({ timeout: 3000 })) {
|
|
await dashboardTab.click()
|
|
await expect(page.locator('[role="tabpanel"]:visible')).toBeVisible({ timeout: 3000 })
|
|
}
|
|
})
|
|
|
|
test('Monaco editor loads in code editor', async ({ page }) => {
|
|
test.setTimeout(30000)
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
|
|
const codeEditorTab = page.locator('button[role="tab"]').filter({ hasText: /Code Editor/i }).first()
|
|
if (await codeEditorTab.isVisible({ timeout: 3000 })) {
|
|
await codeEditorTab.click()
|
|
await page.waitForLoadState('networkidle', { timeout: 10000 })
|
|
|
|
const monaco = page.locator('.monaco-editor').first()
|
|
await expect(monaco).toBeVisible({ timeout: 15000 })
|
|
}
|
|
})
|
|
|
|
test('no critical console errors', async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
const errors: string[] = []
|
|
page.on('console', (msg) => {
|
|
if (msg.type() === 'error') {
|
|
errors.push(msg.text())
|
|
}
|
|
})
|
|
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
|
|
const criticalErrors = errors.filter(e =>
|
|
!e.includes('Download the React DevTools') &&
|
|
!e.includes('favicon') &&
|
|
!e.includes('manifest') &&
|
|
!e.includes('source map') &&
|
|
!e.includes('Failed to load resource') &&
|
|
!e.includes('net::ERR_') &&
|
|
!e.includes('404')
|
|
)
|
|
|
|
if (criticalErrors.length > 0) {
|
|
console.log('Critical errors found:', criticalErrors)
|
|
}
|
|
|
|
expect(criticalErrors.length).toBeLessThan(5)
|
|
})
|
|
})
|