Sakurasan
360c6b33a6
后端 (Go/Gin/GORM): - 配置(viper+env)、SQLite/Postgres 迁移、argon2id、AES-GCM 渠道密钥、JWT+refresh cookie - 用户注册/登录/刷新/登出、API Key CRUD(仅存哈希、明文一次展示) - 代理网关: /v1/chat/completions、/v1/responses、/v1/models 直通 OpenAI 渠道 非流式+流式(SSE 零缓冲转发), 用量捕获(chat 末块/responses completed 嵌套), OpenAI 错误格式(401/402/404/502), 余额检查 - 异步批量记账 + 余额流水 + 日聚合, admin 用户/余额/配置 API - 单测: crypto/jwt/apikey/流式 usage 提取 前端 (Vue3+TS+Vite+Tailwind v4): - taste-skill 设计 tokens: 深色仪表盘, 石墨+信号铜色, Outfit+JetBrains Mono - Landing/登录/注册, 控制台(仪表盘图表/密钥管理/用量明细) - 基础组件 Button/Input/Badge/Modal, ECharts 用量图 部署: docker-compose(nginx+api+postgres), 双 Dockerfile, nginx SSE 反代 联调: scripts/mockupstream 本地 mock 上游, 端到端验证通过
53 lines
2.2 KiB
JavaScript
53 lines
2.2 KiB
JavaScript
// 前端截图验证脚本：登录 → 仪表盘 → 密钥页
|
|
const { chromium } = require('playwright')
|
|
|
|
async function main() {
|
|
const browser = await chromium.launch()
|
|
const page = await browser.newPage({ viewport: { width: 1440, height: 900 } })
|
|
const shots = process.argv[2] || '/tmp/shots'
|
|
const fs = require('fs')
|
|
fs.mkdirSync(shots, { recursive: true })
|
|
|
|
// 1. Landing
|
|
await page.goto('http://localhost:5173/', { waitUntil: 'networkidle' })
|
|
await page.screenshot({ path: `${shots}/01-landing.png` })
|
|
|
|
// 2. 注册
|
|
await page.goto('http://localhost:5173/register', { waitUntil: 'networkidle' })
|
|
const uname = 'dave' + Date.now().toString().slice(-6)
|
|
await page.fill('input[autocomplete="username"]', uname)
|
|
await page.fill('input[autocomplete="email"]', uname + '@test.com')
|
|
await page.fill('input[autocomplete="new-password"]', 'password123')
|
|
await page.locator('input[autocomplete="new-password"]').nth(1).fill('password123')
|
|
await page.screenshot({ path: `${shots}/02-register.png` })
|
|
await page.click('button[type="submit"]')
|
|
await page.waitForURL('**/console/dashboard', { timeout: 10000 })
|
|
await page.waitForTimeout(1200)
|
|
|
|
// 3. 跳过登录（注册后已自动登录）—— 直接看仪表盘
|
|
await page.goto('http://localhost:5173/console/dashboard', { waitUntil: 'networkidle' })
|
|
await page.waitForTimeout(1500)
|
|
await page.screenshot({ path: `${shots}/03-dashboard.png` })
|
|
|
|
// 4. 密钥页
|
|
await page.goto('http://localhost:5173/console/keys', { waitUntil: 'networkidle' })
|
|
await page.screenshot({ path: `${shots}/04-keys.png` })
|
|
await page.click('text=新建密钥')
|
|
await page.waitForTimeout(400)
|
|
await page.fill('input[placeholder*="本地开发"]', 'playwright-test')
|
|
await page.screenshot({ path: `${shots}/05-key-modal.png` })
|
|
await page.click('button:has-text("创建")')
|
|
await page.waitForTimeout(600)
|
|
await page.screenshot({ path: `${shots}/06-key-created.png` })
|
|
|
|
// 5. 用量页
|
|
await page.goto('http://localhost:5173/console/usage', { waitUntil: 'networkidle' })
|
|
await page.waitForTimeout(800)
|
|
await page.screenshot({ path: `${shots}/07-usage.png` })
|
|
|
|
await browser.close()
|
|
console.log('done')
|
|
}
|
|
|
|
main().catch((e) => { console.error(e); process.exit(1) })
|