484ca31d79
- Create tests/e2e/extractor-workflow.test.ts with full workflow tests - Add playwright.config.ts for E2E test configuration - Add npm scripts: test:e2e, test:e2e:ui, test:e2e:report - Update vitest.config.ts to exclude E2E tests
122 lines
3.6 KiB
TypeScript
122 lines
3.6 KiB
TypeScript
/**
|
|
* E2E Test for Extractor Workflow
|
|
* Tests the full extraction flow from UI input to result display
|
|
*
|
|
* Run: npx playwright test tests/e2e/extractor-workflow.test.ts
|
|
*/
|
|
|
|
import { _electron as electron } from '@playwright/test'
|
|
import { describe, it, expect, beforeAll, afterAll } from 'vitest'
|
|
import type { ElectronApplication, Page, BrowserWindow } from 'playwright'
|
|
import { join } from 'path'
|
|
|
|
describe('Extractor E2E Workflow', () => {
|
|
let electronApp: ElectronApplication
|
|
let window: BrowserWindow
|
|
let page: Page
|
|
|
|
beforeAll(async () => {
|
|
// Build the app first (if not already built)
|
|
// npm run build
|
|
|
|
// Launch Electron app for testing
|
|
electronApp = await electron.launch({
|
|
args: [join(process.cwd(), 'out/main/index.js')]
|
|
})
|
|
|
|
// Get the main window
|
|
window = await electronApp.firstWindow()
|
|
page = await electronApp.firstWindow()
|
|
|
|
// Wait for app to load
|
|
await page.waitForLoadState('domcontentloaded')
|
|
}, 60000)
|
|
|
|
afterAll(async () => {
|
|
if (electronApp) {
|
|
await electronApp.close()
|
|
}
|
|
}, 60000)
|
|
|
|
it('should launch the application', async () => {
|
|
const title = await page.title()
|
|
expect(title).toBeDefined()
|
|
})
|
|
|
|
it('should navigate to Extractor page', async () => {
|
|
// Click on the "数据提取" link
|
|
await page.click('a:has-text("数据提取")')
|
|
|
|
// Wait for ExtractorPage to load
|
|
await page.waitForSelector('.extractor-page', { state: 'visible' })
|
|
|
|
// Verify page title is visible
|
|
const pageTitle = await page.locator('.page-title').textContent()
|
|
expect(pageTitle).toContain('ERP 数据提取')
|
|
})
|
|
|
|
it('should display order number input', async () => {
|
|
// Check if order number textarea is visible
|
|
const textarea = page.locator('.order-textarea')
|
|
await expect(textarea).toBeVisible()
|
|
|
|
// Check placeholder text
|
|
const placeholder = await textarea.getAttribute('placeholder')
|
|
expect(placeholder).toContain('订单号')
|
|
})
|
|
|
|
it('should update order count when typing', async () => {
|
|
// Fill in order numbers
|
|
const textarea = page.locator('.order-textarea')
|
|
await textarea.fill('SC70202602120085\nSC70202602120120')
|
|
|
|
// Wait for count to update
|
|
await page.waitForTimeout(100)
|
|
|
|
// Check count badge
|
|
const countBadge = page.locator('.count-badge')
|
|
const countText = await countBadge.textContent()
|
|
expect(countText).toContain('2')
|
|
})
|
|
|
|
it('should show error when extracting without order numbers', async () => {
|
|
// Clear the textarea
|
|
const textarea = page.locator('.order-textarea')
|
|
await textarea.fill('')
|
|
|
|
// Try to click extract button (should be disabled)
|
|
const extractButton = page.locator('.btn-primary:has-text("开始提取")')
|
|
const isDisabled = await extractButton.isDisabled()
|
|
expect(isDisabled).toBe(true)
|
|
})
|
|
|
|
it('should have batch size input', async () => {
|
|
const batchSizeInput = page.locator('input[type="number"]')
|
|
await expect(batchSizeInput).toBeVisible()
|
|
|
|
const value = await batchSizeInput.inputValue()
|
|
expect(value).toBe('100')
|
|
})
|
|
|
|
it('should have reset button', async () => {
|
|
const resetButton = page.locator('.btn-secondary:has-text("重置")')
|
|
await expect(resetButton).toBeVisible()
|
|
|
|
// Click reset
|
|
await resetButton.click()
|
|
|
|
// Verify textarea is cleared
|
|
const textarea = page.locator('.order-textarea')
|
|
const value = await textarea.inputValue()
|
|
expect(value).toBe('')
|
|
})
|
|
|
|
it('should navigate back to home', async () => {
|
|
// Click back button
|
|
await page.click('.nav-btn:has-text("返回主页")')
|
|
|
|
// Wait for home page to appear
|
|
await page.waitForSelector('.logo', { state: 'visible' })
|
|
})
|
|
})
|