6c3eced42a9de441f456-e675d85849828b7ee09b-recording8.trace 16 KB

12345678910111213141516171819202122232425262728293031323334353637
  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-36"},"serviceWorkers":"allow","selectorEngines":[],"testIdAttributeName":"data-testid"},"platform":"win32","wallTime":1781447423684,"monotonicTime":339919.774,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@2210d55d49e68633bb944942b9be6672","title":"23-frontend-e2e.spec.ts:705 › 前端 UI 完整验收 › E24: 支付确认页 - 订单信息/支付方式/确认支付"}
  2. {"type":"before","callId":"call@190","startTime":339921.994,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@25"}
  3. {"type":"event","time":340060.814,"class":"BrowserContext","method":"page","params":{"pageId":"page@366cd3f64036e640f7c5caf40de0c114"}}
  4. {"type":"after","callId":"call@190","endTime":340060.95,"result":{"page":"<Page>"}}
  5. {"type":"before","callId":"call@192","startTime":340064.011,"class":"Frame","method":"goto","params":{"url":"http://localhost:5173/#/pages/payment-confirm/index","timeout":30000,"waitUntil":"networkidle"},"stepId":"pw:api@26","pageId":"page@366cd3f64036e640f7c5caf40de0c114","beforeSnapshot":"before@call@192"}
  6. {"type":"frame-snapshot","snapshot":{"callId":"call@192","snapshotName":"before@call@192","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1280,"height":720},"timestamp":340066.802,"wallTime":1781447423830,"collectionTime":0.8000000007450581,"resourceOverrides":[],"isMainFrame":true}}
  7. {"type":"log","callId":"call@192","time":340067.783,"message":"navigating to \"http://localhost:5173/#/pages/payment-confirm/index\", waiting until \"networkidle\""}
  8. {"type":"screencast-frame","pageId":"page@366cd3f64036e640f7c5caf40de0c114","sha1":"page@366cd3f64036e640f7c5caf40de0c114-1781447423864.jpeg","width":1280,"height":720,"timestamp":340100.056,"frameSwapWallTime":1781447423861.798}
  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":340405.019,"pageId":"page@366cd3f64036e640f7c5caf40de0c114"}
  10. {"type":"screencast-frame","pageId":"page@366cd3f64036e640f7c5caf40de0c114","sha1":"page@366cd3f64036e640f7c5caf40de0c114-1781447424171.jpeg","width":1280,"height":720,"timestamp":340406.331,"frameSwapWallTime":1781447424167.616}
  11. {"type":"console","messageType":"warning","text":"[Vue Router warn]: No match found for location with path \"/pages/payment-confirm/index\"","args":[{"preview":"[Vue Router warn]: No match found for location with path \"/pages/payment-confirm/index\"","value":"[Vue Router warn]: No match found for location with path \"/pages/payment-confirm/index\""}],"location":{"url":"http://localhost:5173/tonggan/node_modules/.vite/deps/vue-router.js?v=0afd88a5","lineNumber":50,"columnNumber":15},"time":340453.553,"pageId":"page@366cd3f64036e640f7c5caf40de0c114"}
  12. {"type":"screencast-frame","pageId":"page@366cd3f64036e640f7c5caf40de0c114","sha1":"page@366cd3f64036e640f7c5caf40de0c114-1781447424238.jpeg","width":1280,"height":720,"timestamp":340473.407,"frameSwapWallTime":1781447424235.806}
  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":340717.92,"pageId":"page@366cd3f64036e640f7c5caf40de0c114"}
  14. {"type":"after","callId":"call@192","endTime":340960.079,"result":{"response":"<Response>"},"afterSnapshot":"after@call@192"}
  15. {"type":"frame-snapshot","snapshot":{"callId":"call@192","snapshotName":"after@call@192","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},["HEAD",{},["BASE",{"href":"http://localhost:5173/tonggan/#/pages/payment-confirm/index"}],"\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":340963.08,"wallTime":1781447424726,"collectionTime":1,"resourceOverrides":[],"isMainFrame":true}}
  16. {"type":"before","callId":"call@194","startTime":340965.215,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":3000},"stepId":"pw:api@27","pageId":"page@366cd3f64036e640f7c5caf40de0c114","beforeSnapshot":"before@call@194"}
  17. {"type":"frame-snapshot","snapshot":{"callId":"call@194","snapshotName":"before@call@194","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[1,34]],"viewport":{"width":1280,"height":720},"timestamp":340966.658,"wallTime":1781447424730,"collectionTime":0.2999999988824129,"resourceOverrides":[],"isMainFrame":true}}
  18. {"type":"after","callId":"call@194","endTime":343972.786,"afterSnapshot":"after@call@194"}
  19. {"type":"frame-snapshot","snapshot":{"callId":"call@194","snapshotName":"after@call@194","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[2,34]],"viewport":{"width":1280,"height":720},"timestamp":343974.557,"wallTime":1781447427738,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
  20. {"type":"before","callId":"call@196","startTime":343975.838,"title":"Expect \"toBeVisible\"","class":"Frame","method":"expect","params":{"selector":"#app","expression":"to.be.visible","expectedValue":{"value":{"v":"undefined"},"handles":[]},"isNot":false,"timeout":15000},"stepId":"expect@28","pageId":"page@366cd3f64036e640f7c5caf40de0c114","beforeSnapshot":"before@call@196"}
  21. {"type":"frame-snapshot","snapshot":{"callId":"call@196","snapshotName":"before@call@196","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[3,34]],"viewport":{"width":1280,"height":720},"timestamp":343976.945,"wallTime":1781447427741,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
  22. {"type":"log","callId":"call@196","time":343977.289,"message":"Expect \"toBeVisible\" with timeout 15000ms"}
  23. {"type":"log","callId":"call@196","time":343977.297,"message":"waiting for locator('#app')"}
  24. {"type":"after","callId":"call@196","endTime":343993.201,"result":{"matches":true,"received":{"value":{"s":"visible"},"ariaSnapshot":""}},"afterSnapshot":"after@call@196"}
  25. {"type":"frame-snapshot","snapshot":{"callId":"call@196","snapshotName":"after@call@196","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},[[4,26]],[[4,27]],["BODY",{},[[4,28]],["DIV",{"__playwright_target__":"call@196","id":"app","data-v-app":""},[[4,29]]],[[4,31]],[[4,32]]]],"viewport":{"width":1280,"height":720},"timestamp":343994.399,"wallTime":1781447427758,"collectionTime":0.09999999962747097,"resourceOverrides":[],"isMainFrame":true}}
  26. {"type":"before","callId":"call@198","startTime":343995.724,"class":"Frame","method":"queryCount","params":{"selector":".back-icon >> nth=0"},"stepId":"pw:api@29","pageId":"page@366cd3f64036e640f7c5caf40de0c114","beforeSnapshot":"before@call@198"}
  27. {"type":"frame-snapshot","snapshot":{"callId":"call@198","snapshotName":"before@call@198","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[1,2]],"viewport":{"width":1280,"height":720},"timestamp":343997.058,"wallTime":1781447427761,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
  28. {"type":"after","callId":"call@198","endTime":343998.748,"result":{"value":0},"afterSnapshot":"after@call@198"}
  29. {"type":"frame-snapshot","snapshot":{"callId":"call@198","snapshotName":"after@call@198","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[2,2]],"viewport":{"width":1280,"height":720},"timestamp":344000.724,"wallTime":1781447427764,"collectionTime":0.2999999988824129,"resourceOverrides":[],"isMainFrame":true}}
  30. {"type":"before","callId":"call@200","startTime":344002.744,"class":"Page","method":"screenshot","params":{"timeout":0,"type":"png","fullPage":true},"stepId":"pw:api@30","pageId":"page@366cd3f64036e640f7c5caf40de0c114","beforeSnapshot":"before@call@200"}
  31. {"type":"frame-snapshot","snapshot":{"callId":"call@200","snapshotName":"before@call@200","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[3,2]],"viewport":{"width":1280,"height":720},"timestamp":344004.692,"wallTime":1781447427768,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
  32. {"type":"log","callId":"call@200","time":344004.945,"message":"taking page screenshot"}
  33. {"type":"log","callId":"call@200","time":344006.497,"message":"waiting for fonts to load..."}
  34. {"type":"log","callId":"call@200","time":344007.645,"message":"fonts loaded"}
  35. {"type":"after","callId":"call@200","endTime":344051.058,"result":{"binary":"<Buffer>"},"afterSnapshot":"after@call@200"}
  36. {"type":"screencast-frame","pageId":"page@366cd3f64036e640f7c5caf40de0c114","sha1":"page@366cd3f64036e640f7c5caf40de0c114-1781447427817.jpeg","width":1280,"height":720,"timestamp":344052.452,"frameSwapWallTime":1781447427812.653}
  37. {"type":"frame-snapshot","snapshot":{"callId":"call@200","snapshotName":"after@call@200","pageId":"page@366cd3f64036e640f7c5caf40de0c114","frameId":"frame@638d514e8cb7644b9869d7328f146690","frameUrl":"http://localhost:5173/tonggan/#/pages/payment-confirm/index","doctype":"html","html":[[4,2]],"viewport":{"width":1280,"height":720},"timestamp":344057.327,"wallTime":1781447427817,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}