mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-25 14:14:57 +00:00
johndoe6345789
3df37b038d
> spark-template@0.0.0 test:e2e > playwright test [WebServer] [WebServer] > spark-template@0.0.0 dev [WebServer] > vite [WebServer] [WebServer] [WebServer] VITE v7.3.1 ready in 272 ms [WebServer] [WebServer] ➜ Local: http://localhost:5000/ [WebServer] ➜ Network: http://10.1.0.146:5000/ Error: Timed out waiting 180000ms from config.webServer. No E2E tests configured
66 lines
2.4 KiB
TypeScript
66 lines
2.4 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('CodeForge - Core Functionality', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
})
|
|
|
|
test('should load the application successfully', async ({ page }) => {
|
|
await expect(page.locator('body')).toBeVisible()
|
|
})
|
|
|
|
test('should display main navigation', async ({ page }) => {
|
|
const tabList = page.locator('[role="tablist"]').first()
|
|
await expect(tabList).toBeVisible({ timeout: 5000 })
|
|
})
|
|
|
|
test('should switch between tabs', async ({ page }) => {
|
|
const tabs = page.locator('button[role="tab"]')
|
|
const tabCount = await tabs.count()
|
|
|
|
if (tabCount > 1) {
|
|
await tabs.nth(1).click()
|
|
await expect(page.locator('[role="tabpanel"]:visible')).toBeVisible({ timeout: 3000 })
|
|
}
|
|
})
|
|
})
|
|
|
|
test.describe('CodeForge - Code Editor', () => {
|
|
test('should display Monaco 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 monacoEditor = page.locator('.monaco-editor').first()
|
|
await expect(monacoEditor).toBeVisible({ timeout: 15000 })
|
|
}
|
|
})
|
|
})
|
|
|
|
test.describe('CodeForge - Responsive Design', () => {
|
|
test('should work on mobile viewport', async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
await page.setViewportSize({ width: 375, height: 667 })
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
|
|
await expect(page.locator('body')).toBeVisible()
|
|
})
|
|
|
|
test('should work on tablet viewport', async ({ page }) => {
|
|
test.setTimeout(20000)
|
|
await page.setViewportSize({ width: 768, height: 1024 })
|
|
await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 10000 })
|
|
await page.waitForLoadState('networkidle', { timeout: 5000 })
|
|
|
|
await expect(page.locator('body')).toBeVisible()
|
|
})
|
|
})
|