82 lines
2.8 KiB
TypeScript
82 lines
2.8 KiB
TypeScript
|
import { test, expect } from '@playwright/test'
|
||
|
|
|
||
|
|
test.describe('E2E - Infinite Loop Detection', () => {
|
||
|
|
test.beforeEach(async ({ page }) => {
|
||
|
|
// Track all network requests
|
||
|
|
const apiCalls: string[] = []
|
||
|
|
page.on('request', request => {
|
||
|
|
if (request.url().includes('/api/v1/')) {
|
||
|
|
apiCalls.push(`${request.method()} ${request.url()}`)
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
await page.goto('http://localhost:3000')
|
||
|
|
await page.waitForLoadState('networkidle')
|
||
|
|
})
|
||
|
|
|
||
|
|
test('should not make repeated API calls after initial load', async ({ page }) => {
|
||
|
|
const initialApiCalls = await page.evaluate(() => {
|
||
|
|
return (window as any).__apiCallCount || 0
|
||
|
|
})
|
||
|
|
|
||
|
|
// Wait for initial load
|
||
|
|
await page.waitForSelector('text=Services & Expertise')
|
||
|
|
await page.waitForSelector('text=Technical Skills')
|
||
|
|
|
||
|
|
// Wait a bit more to catch any delayed calls
|
||
|
|
await page.waitForTimeout(3000)
|
||
|
|
|
||
|
|
const finalApiCalls = await page.evaluate(() => {
|
||
|
|
return (window as any).__apiCallCount || 0
|
||
|
|
})
|
||
|
|
|
||
|
|
// Should not have made additional API calls
|
||
|
|
expect(finalApiCalls).toBeLessThanOrEqual(initialApiCalls + 1)
|
||
|
|
})
|
||
|
|
|
||
|
|
test('should load all sections without errors', async ({ page }) => {
|
||
|
|
await expect(page.locator('text=Services & Expertise')).toBeVisible()
|
||
|
|
await expect(page.locator('text=Selected Projects')).toBeVisible()
|
||
|
|
await expect(page.locator('text=Technical Skills')).toBeVisible()
|
||
|
|
await expect(page.locator('text=Experience')).toBeVisible()
|
||
|
|
await expect(page.locator('text=Let\\'s Build Something Great')).toBeVisible()
|
||
|
|
})
|
||
|
|
|
||
|
|
test('should handle navigation without duplicate fetches', async ({ page }) => {
|
||
|
|
// Scroll to trigger any lazy loading
|
||
|
|
await page.evaluate(() => window.scrollTo(0, document.body.scrollHeight))
|
||
|
|
await page.waitForTimeout(1000)
|
||
|
|
await page.evaluate(() => window.scrollTo(0, 0))
|
||
|
|
await page.waitForTimeout(1000)
|
||
|
|
|
||
|
|
// Check for console errors
|
||
|
|
const errors: string[] = []
|
||
|
|
page.on('console', msg => {
|
||
|
|
if (msg.type() === 'error') {
|
||
|
|
errors.push(msg.text())
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
await page.waitForTimeout(2000)
|
||
|
|
|
||
|
|
// Filter out known non-critical errors
|
||
|
|
const criticalErrors = errors.filter(e =>
|
||
|
|
!e.includes('favicon') &&
|
||
|
|
!e.includes('404') &&
|
||
|
|
!e.includes('DevTools')
|
||
|
|
)
|
||
|
|
|
||
|
|
expect(criticalErrors.length).toBe(0)
|
||
|
|
})
|
||
|
|
|
||
|
|
test('contact form submission works', async ({ page }) => {
|
||
|
|
await page.locator('input[name="name"]').fill('John Doe')
|
||
|
|
await page.locator('input[name="email"]').fill('john@example.com')
|
||
|
|
await page.locator('input[name="subject"]').fill('Test Subject')
|
||
|
|
await page.locator('textarea[name="message"]').fill('This is a test message for the contact form.')
|
||
|
|
|
||
|
|
await page.click('button:has-text("Send Message")')
|
||
|
|
|
||
|
|
await expect(page.locator('text=Message Sent!')).toBeVisible({ timeout: 10000 })
|
||
|
|
})
|
||
|
|
})
|