6c3eced42a9de441f456-7526d11532d6e5e4e1e9-recording11.trace 16 KB

1234567891011121314151617181920212223242526272829303132333435363738
  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":1781447437292,"monotonicTime":353527.646,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@5ff4bfed0091a75f79c78527d4f83219","title":"23-frontend-e2e.spec.ts:758 › 前端 UI 完整验收 › E27: 登录页 - 登录表单/登录按钮"}
  2. {"type":"before","callId":"call@255","startTime":353529.741,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@25"}
  3. {"type":"event","time":353572.561,"class":"BrowserContext","method":"page","params":{"pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429"}}
  4. {"type":"after","callId":"call@255","endTime":353572.615,"result":{"page":"<Page>"}}
  5. {"type":"before","callId":"call@257","startTime":353574.626,"class":"Frame","method":"goto","params":{"url":"http://localhost:5173/#/pages/login/index","timeout":30000,"waitUntil":"networkidle"},"stepId":"pw:api@26","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","beforeSnapshot":"before@call@257"}
  6. {"type":"frame-snapshot","snapshot":{"callId":"call@257","snapshotName":"before@call@257","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1280,"height":720},"timestamp":353577.711,"wallTime":1781447437341,"collectionTime":1.199999999254942,"resourceOverrides":[],"isMainFrame":true}}
  7. {"type":"log","callId":"call@257","time":353578.473,"message":"navigating to \"http://localhost:5173/#/pages/login/index\", waiting until \"networkidle\""}
  8. {"type":"screencast-frame","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","sha1":"page@1c6adc9eb988aa2a4b7fb0b0660b1429-1781447437800.jpeg","width":1280,"height":720,"timestamp":354035.88,"frameSwapWallTime":1781447437795.284}
  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":354039.476,"pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429"}
  10. {"type":"screencast-frame","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","sha1":"page@1c6adc9eb988aa2a4b7fb0b0660b1429-1781447437825.jpeg","width":1280,"height":720,"timestamp":354060.74,"frameSwapWallTime":1781447437819.669}
  11. {"type":"console","messageType":"warning","text":"[Vue Router warn]: No match found for location with path \"/pages/login/index\"","args":[{"preview":"[Vue Router warn]: No match found for location with path \"/pages/login/index\"","value":"[Vue Router warn]: No match found for location with path \"/pages/login/index\""}],"location":{"url":"http://localhost:5173/tonggan/node_modules/.vite/deps/vue-router.js?v=0afd88a5","lineNumber":50,"columnNumber":15},"time":354088.589,"pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429"}
  12. {"type":"screencast-frame","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","sha1":"page@1c6adc9eb988aa2a4b7fb0b0660b1429-1781447437870.jpeg","width":1280,"height":720,"timestamp":354105.371,"frameSwapWallTime":1781447437867.6792}
  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":354351.535,"pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429"}
  14. {"type":"after","callId":"call@257","endTime":354582.33,"result":{"response":"<Response>"},"afterSnapshot":"after@call@257"}
  15. {"type":"frame-snapshot","snapshot":{"callId":"call@257","snapshotName":"after@call@257","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},["HEAD",{},["BASE",{"href":"http://localhost:5173/tonggan/#/pages/login/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":354586.438,"wallTime":1781447438350,"collectionTime":1.199999999254942,"resourceOverrides":[],"isMainFrame":true}}
  16. {"type":"before","callId":"call@259","startTime":354587.641,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":3000},"stepId":"pw:api@27","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","beforeSnapshot":"before@call@259"}
  17. {"type":"frame-snapshot","snapshot":{"callId":"call@259","snapshotName":"before@call@259","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[1,34]],"viewport":{"width":1280,"height":720},"timestamp":354588.878,"wallTime":1781447438353,"collectionTime":0.30000000074505806,"resourceOverrides":[],"isMainFrame":true}}
  18. {"type":"after","callId":"call@259","endTime":357594.783,"afterSnapshot":"after@call@259"}
  19. {"type":"frame-snapshot","snapshot":{"callId":"call@259","snapshotName":"after@call@259","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[2,34]],"viewport":{"width":1280,"height":720},"timestamp":357624.318,"wallTime":1781447441376,"collectionTime":0.30000000074505806,"resourceOverrides":[],"isMainFrame":true}}
  20. {"type":"before","callId":"call@261","startTime":357627.721,"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@1c6adc9eb988aa2a4b7fb0b0660b1429","beforeSnapshot":"before@call@261"}
  21. {"type":"frame-snapshot","snapshot":{"callId":"call@261","snapshotName":"before@call@261","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[3,34]],"viewport":{"width":1280,"height":720},"timestamp":357639.013,"wallTime":1781447441398,"collectionTime":0.7999999988824129,"resourceOverrides":[],"isMainFrame":true}}
  22. {"type":"log","callId":"call@261","time":357639.634,"message":"Expect \"toBeVisible\" with timeout 15000ms"}
  23. {"type":"log","callId":"call@261","time":357639.648,"message":"waiting for locator('#app')"}
  24. {"type":"after","callId":"call@261","endTime":357712.046,"result":{"matches":true,"received":{"value":{"s":"visible"},"ariaSnapshot":""}},"afterSnapshot":"after@call@261"}
  25. {"type":"frame-snapshot","snapshot":{"callId":"call@261","snapshotName":"after@call@261","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},[[4,26]],[[4,27]],["BODY",{},[[4,28]],["DIV",{"__playwright_target__":"call@261","id":"app","data-v-app":""},[[4,29]]],[[4,31]],[[4,32]]]],"viewport":{"width":1280,"height":720},"timestamp":357729.981,"wallTime":1781447441490,"collectionTime":0.30000000074505806,"resourceOverrides":[],"isMainFrame":true}}
  26. {"type":"before","callId":"call@263","startTime":357731.994,"class":"Frame","method":"queryCount","params":{"selector":"text=登录 >> nth=0"},"stepId":"pw:api@29","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","beforeSnapshot":"before@call@263"}
  27. {"type":"frame-snapshot","snapshot":{"callId":"call@263","snapshotName":"before@call@263","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[1,2]],"viewport":{"width":1280,"height":720},"timestamp":357747.486,"wallTime":1781447441498,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
  28. {"type":"after","callId":"call@263","endTime":357785.56,"result":{"value":0},"afterSnapshot":"after@call@263"}
  29. {"type":"frame-snapshot","snapshot":{"callId":"call@263","snapshotName":"after@call@263","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[2,2]],"viewport":{"width":1280,"height":720},"timestamp":357807.262,"wallTime":1781447441561,"collectionTime":0.09999999962747097,"resourceOverrides":[],"isMainFrame":true}}
  30. {"type":"before","callId":"call@265","startTime":357808.343,"class":"Page","method":"screenshot","params":{"timeout":0,"type":"png","fullPage":true},"stepId":"pw:api@30","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","beforeSnapshot":"before@call@265"}
  31. {"type":"frame-snapshot","snapshot":{"callId":"call@265","snapshotName":"before@call@265","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[3,2]],"viewport":{"width":1280,"height":720},"timestamp":357819.491,"wallTime":1781447441579,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
  32. {"type":"log","callId":"call@265","time":357819.903,"message":"taking page screenshot"}
  33. {"type":"log","callId":"call@265","time":357836.628,"message":"waiting for fonts to load..."}
  34. {"type":"log","callId":"call@265","time":357846.111,"message":"fonts loaded"}
  35. {"type":"after","callId":"call@265","endTime":357909.344,"result":{"binary":"<Buffer>"},"afterSnapshot":"after@call@265"}
  36. {"type":"screencast-frame","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","sha1":"page@1c6adc9eb988aa2a4b7fb0b0660b1429-1781447441675.jpeg","width":1280,"height":720,"timestamp":357910.443,"frameSwapWallTime":1781447441670.54}
  37. {"type":"frame-snapshot","snapshot":{"callId":"call@265","snapshotName":"after@call@265","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","frameId":"frame@cbb3768f73ca63ac95e71f90175238ad","frameUrl":"http://localhost:5173/tonggan/#/pages/login/index","doctype":"html","html":[[4,2]],"viewport":{"width":1280,"height":720},"timestamp":357921.891,"wallTime":1781447441679,"collectionTime":0.6999999992549419,"resourceOverrides":[],"isMainFrame":true}}
  38. {"type":"screencast-frame","pageId":"page@1c6adc9eb988aa2a4b7fb0b0660b1429","sha1":"page@1c6adc9eb988aa2a4b7fb0b0660b1429-1781447441741.jpeg","width":1280,"height":720,"timestamp":357976.363,"frameSwapWallTime":1781447441736.977}