6c3eced42a9de441f456-ecc3f1339592f61f7e2c-recording2.trace 12 KB

123456789101112131415161718192021
  1. {"version":8,"type":"context-options","origin":"library","browserName":"chromium","playwrightVersion":"1.60.0","options":{"noDefaultViewport":false,"viewport":{"width":1280,"height":720},"ignoreHTTPSErrors":false,"javaScriptEnabled":true,"bypassCSP":false,"userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.7778.96 Safari/537.36","locale":"en-US","offline":false,"deviceScaleFactor":1,"isMobile":false,"hasTouch":false,"colorScheme":"light","acceptDownloads":"accept","baseURL":"http://127.0.0.1:3000","recordVideo":{"dir":"C:\\Users\\caoyg\\ai\\audio-tts\\audio_codebuddy\\test-results\\.playwright-artifacts-31"},"serviceWorkers":"allow","selectorEngines":[],"testIdAttributeName":"data-testid"},"platform":"win32","wallTime":1781447431903,"monotonicTime":134146.311,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@01ddc4da26f159eb2e5b1bfe0843e677","title":"23-frontend-e2e.spec.ts:247 › 前端 UI 完整验收 › E06: 创建书籍页(一键模式) - 表单输入/规模选择/模板应用/创建按钮"}
  2. {"type":"before","callId":"call@88","startTime":134147.869,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@25"}
  3. {"type":"event","time":134191.837,"class":"BrowserContext","method":"page","params":{"pageId":"page@c25e552b876663d7f08a40943363d24d"}}
  4. {"type":"after","callId":"call@88","endTime":134191.912,"result":{"page":"<Page>"}}
  5. {"type":"before","callId":"call@90","startTime":134194.546,"class":"Frame","method":"goto","params":{"url":"http://localhost:5173/#/pages/book-generator/create","timeout":30000,"waitUntil":"networkidle"},"stepId":"pw:api@26","pageId":"page@c25e552b876663d7f08a40943363d24d","beforeSnapshot":"before@call@90"}
  6. {"type":"frame-snapshot","snapshot":{"callId":"call@90","snapshotName":"before@call@90","pageId":"page@c25e552b876663d7f08a40943363d24d","frameId":"frame@cf142ccd8ae927b6e573daec92a9e520","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1280,"height":720},"timestamp":134197.2,"wallTime":1781447431954,"collectionTime":0.6000000014901161,"resourceOverrides":[],"isMainFrame":true}}
  7. {"type":"log","callId":"call@90","time":134198.363,"message":"navigating to \"http://localhost:5173/#/pages/book-generator/create\", waiting until \"networkidle\""}
  8. {"type":"screencast-frame","pageId":"page@c25e552b876663d7f08a40943363d24d","sha1":"page@c25e552b876663d7f08a40943363d24d-1781447431996.jpeg","width":1280,"height":720,"timestamp":134239.192,"frameSwapWallTime":1781447431994.298}
  9. {"type":"console","messageType":"debug","text":"[vite] connecting...","args":[{"preview":"[vite] connecting...","value":"[vite] connecting..."}],"location":{"url":"http://localhost:5173/tonggan/@vite/client","lineNumber":494,"columnNumber":8},"time":134532.942,"pageId":"page@c25e552b876663d7f08a40943363d24d"}
  10. {"type":"screencast-frame","pageId":"page@c25e552b876663d7f08a40943363d24d","sha1":"page@c25e552b876663d7f08a40943363d24d-1781447432305.jpeg","width":1280,"height":720,"timestamp":134548.802,"frameSwapWallTime":1781447432301.744}
  11. {"type":"console","messageType":"warning","text":"[Vue Router warn]: No match found for location with path \"/pages/book-generator/create\"","args":[{"preview":"[Vue Router warn]: No match found for location with path \"/pages/book-generator/create\"","value":"[Vue Router warn]: No match found for location with path \"/pages/book-generator/create\""}],"location":{"url":"http://localhost:5173/tonggan/node_modules/.vite/deps/vue-router.js?v=0afd88a5","lineNumber":50,"columnNumber":15},"time":134571.222,"pageId":"page@c25e552b876663d7f08a40943363d24d"}
  12. {"type":"screencast-frame","pageId":"page@c25e552b876663d7f08a40943363d24d","sha1":"page@c25e552b876663d7f08a40943363d24d-1781447432355.jpeg","width":1280,"height":720,"timestamp":134598.823,"frameSwapWallTime":1781447432353.199}
  13. {"type":"console","messageType":"debug","text":"[vite] connected.","args":[{"preview":"[vite] connected.","value":"[vite] connected."}],"location":{"url":"http://localhost:5173/tonggan/@vite/client","lineNumber":617,"columnNumber":14},"time":134896.056,"pageId":"page@c25e552b876663d7f08a40943363d24d"}
  14. {"type":"after","callId":"call@90","endTime":135067.492,"result":{"response":"<Response>"},"afterSnapshot":"after@call@90"}
  15. {"type":"frame-snapshot","snapshot":{"callId":"call@90","snapshotName":"after@call@90","pageId":"page@c25e552b876663d7f08a40943363d24d","frameId":"frame@cf142ccd8ae927b6e573daec92a9e520","frameUrl":"http://localhost:5173/tonggan/#/pages/book-generator/create","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},["HEAD",{},["BASE",{"href":"http://localhost:5173/tonggan/#/pages/book-generator/create"}],"\n ","\n\n ",["META",{"charset":"utf-8"}],"\n ",["META",{"name":"viewport","content":"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"}],"\n ",["META",{"name":"theme-color","content":"#4ecdc4"}],"\n ",["META",{"name":"description","content":"tonggan - 儿童注意力训练 App - AI 当教练,爸妈少操心"}],"\n ",["LINK",{"rel":"icon","type":"image/svg+xml","href":"/tonggan/icon.svg"}],"\n ",["LINK",{"rel":"apple-touch-icon","href":"/tonggan/icon.svg"}],"\n ",["LINK",{"rel":"manifest","href":"/tonggan/manifest.webmanifest"}],"\n ",["TITLE",{},"tonggan · AI 当教练,爸妈少操心"],"\n ",["STYLE",{},"\n.app {\r\n min-height: 100vh;\r\n width: 100%;\n}\r\n"],["STYLE",{},"/**\r\n * tonggan 主题:3 套 CSS 变量方案\r\n * - standard 标准(默认):柔和蓝绿色\r\n * - high-contrast 高对比:强对比,适合视力辅助\r\n * - soft 柔和:暖色调,降低刺激\r\n *\r\n * 全局字号:\r\n * - font-mega 超大(指令,48px+)\r\n * - font-xl 标题\r\n * - font-lg 重要内容\r\n * - font-md 正文\r\n * - font-sm 辅助\r\n */\r\n\r\n:root,\r\n:root[data-theme='standard'] {\r\n /* 颜色 */\r\n --color-primary: #4ecdc4;\r\n --color-primary-dark: #2eb8af;\r\n --color-accent: #ffb84d;\r\n --color-success: #6bcf7f;\r\n --color-warning: #ff9966;\r\n --color-danger: #ff6b6b;\r\n --color-bg: #fafbfc;\r\n --color-bg-card: #ffffff;\r\n --color-text: #1f2933;\r\n --color-text-secondary: #5b6470;\r\n --color-border: #e4e9ee;\r\n /* 字号 */\r\n --font-mega: 64px;\r\n --font-xl: 36px;\r\n --font-lg: 28px;\r\n --font-md: 20px;\r\n --font-sm: 16px;\r\n /* 间距 */\r\n --btn-height: 120px;\r\n --btn-radius: 24px;\r\n --card-radius: 20px;\r\n /* 字体 */\r\n --font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif;\r\n}\r\n\r\n:root[data-theme='high-contrast'] {\r\n --color-primary: #0066cc;\r\n --color-primary-dark: #004999;\r\n --color-accent: #ff8800;\r\n --color-success: #009933;\r\n --color-warning: #cc6600;\r\n --color-danger: #cc0000;\r\n --color-bg: #ffffff;\r\n --color-bg-card: #ffffff;\r\n --color-text: #000000;\r\n --color-text-secondary: #1a1a1a;\r\n --color-border: #000000;\r\n --font-mega: 72px;\r\n --font-xl: 40px;\r\n --font-lg: 32px;\r\n --font-md: 24px;\r\n --font-sm: 18px;\r\n --btn-height: 140px;\r\n}\r\n\r\n:root[data-theme='soft'] {\r\n --color-primary: #ffb3ba;\r\n --color-primary-dark: #ff8a96;\r\n --color-accent: #bae1ff;\r\n --color-success: #baffc9;\r\n --color-warning: #ffffba;\r\n --color-danger: #ffb3ba;\r\n --color-bg: #fff8f8;\r\n --color-bg-card: #fffbfb;\r\n --color-text: #4a3a3a;\r\n --color-text-secondary: #7a6a6a;\r\n --color-border: #f0e0e0;\r\n --font-mega: 56px;\r\n --font-xl: 32px;\r\n --font-lg: 24px;\r\n --font-md: 18px;\r\n --font-sm: 14px;\r\n --btn-height: 110px;\r\n}"],["STYLE",{},"/* tonggan 全局样式 */\r\n\r\n* {\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\nhtml,\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n font-family: var(--font-family);\r\n font-size: var(--font-md);\r\n color: var(--color-text);\r\n background-color: var(--color-bg);\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\nview,\r\ntext,\r\nbutton,\r\ninput {\r\n font-family: inherit;\r\n}\r\n\r\n/* 通用按钮:高度 ≥120px,圆角 24px */\r\n.btn {\r\n min-height: var(--btn-height);\r\n padding: 16px 32px;\r\n border: none;\r\n border-radius: var(--btn-radius);\r\n background-color: var(--color-primary);\r\n color: #ffffff;\r\n font-size: var(--font-lg);\r\n font-weight: 700;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform 0.15s, background-color 0.15s;\r\n}\r\n\r\n.btn:active {\r\n transform: scale(0.97);\r\n background-color: var(--color-primary-dark);\r\n}\r\n\r\n.btn--secondary {\r\n background-color: var(--color-bg-card);\r\n color: var(--color-text);\r\n border: 2px solid var(--color-border);\r\n}\r\n\r\n.btn--lg {\r\n font-size: var(--font-xl);\r\n min-height: 140px;\r\n}\r\n\r\n/* 通用卡片 */\r\n.card {\r\n background-color: var(--color-bg-card);\r\n border-radius: var(--card-radius);\r\n padding: 24px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n/* 大字指令 */\r\n.instruction {\r\n font-size: var(--font-mega);\r\n font-weight: 800;\r\n line-height: 1.3;\r\n color: var(--color-text);\r\n text-align: center;\r\n}\r\n\r\n/* 辅助文字 */\r\n.muted {\r\n color: var(--color-text-secondary);\r\n font-size: var(--font-sm);\r\n}"]],"\n ",["BODY",{},"\n ",["DIV",{"id":"app","data-v-app":""},["DIV",{"class":"app"}]],"\n ","\n \n"]],"viewport":{"width":1280,"height":720},"timestamp":135076.916,"wallTime":1781447432828,"collectionTime":0.8999999985098839,"resourceOverrides":[],"isMainFrame":true}}
  16. {"type":"before","callId":"call@92","startTime":135079.111,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":3000},"stepId":"pw:api@27","pageId":"page@c25e552b876663d7f08a40943363d24d","beforeSnapshot":"before@call@92"}
  17. {"type":"frame-snapshot","snapshot":{"callId":"call@92","snapshotName":"before@call@92","pageId":"page@c25e552b876663d7f08a40943363d24d","frameId":"frame@cf142ccd8ae927b6e573daec92a9e520","frameUrl":"http://localhost:5173/tonggan/#/pages/book-generator/create","doctype":"html","html":[[1,34]],"viewport":{"width":1280,"height":720},"timestamp":135087.255,"wallTime":1781447432840,"collectionTime":0.6999999992549419,"resourceOverrides":[],"isMainFrame":true}}
  18. {"type":"after","callId":"call@92","endTime":138096.569,"afterSnapshot":"after@call@92"}
  19. {"type":"frame-snapshot","snapshot":{"callId":"call@92","snapshotName":"after@call@92","pageId":"page@c25e552b876663d7f08a40943363d24d","frameId":"frame@cf142ccd8ae927b6e573daec92a9e520","frameUrl":"http://localhost:5173/tonggan/#/pages/book-generator/create","doctype":"html","html":[[2,34]],"viewport":{"width":1280,"height":720},"timestamp":138098.964,"wallTime":1781447435856,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
  20. {"type":"before","callId":"call@94","startTime":138100.767,"title":"Expect \"toBeVisible\"","class":"Frame","method":"expect","params":{"selector":"text=创建有声书 >> nth=0","expression":"to.be.visible","expectedValue":{"value":{"v":"undefined"},"handles":[]},"isNot":false,"timeout":15000},"stepId":"expect@28","pageId":"page@c25e552b876663d7f08a40943363d24d","beforeSnapshot":"before@call@94"}
  21. {"type":"frame-snapshot","snapshot":{"callId":"call@94","snapshotName":"before@call@94","pageId":"page@c25e552b876663d7f08a40943363d24d","frameId":"frame@cf142ccd8ae927b6e573daec92a9e520","frameUrl":"http://localhost:5173/tonggan/#/pages/book-generator/create","doctype":"html","html":[[3,34]],"viewport":{"width":1280,"height":720},"timestamp":138102.053,"wallTime":1781447435859,"collectionTime":0.09999999962747097,"resourceOverrides":[],"isMainFrame":true}}