test: add E2E test for Extractor workflow using Playwright

- 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

tests/e2e/extractor-workflow.test.ts

@@ -0,0 +1,121 @@
+/**
+ * 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' })
+  })
+})