6c3eced42a9de441f456-12431a3b247fe64b1787-recording3.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":1781447398958,"monotonicTime":315193.651,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@e7fd4693ad94ec86f49990381422b9c6","title":"23-frontend-e2e.spec.ts:618 › 前端 UI 完整验收 › E19: 发布页面 - 内容发布/上传/发布按钮"}
  2. {"type":"before","callId":"call@83","startTime":315196.447,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@25"}
  3. {"type":"event","time":315321.674,"class":"BrowserContext","method":"page","params":{"pageId":"page@6bc61f2730b3a0b001e38b7de74759f5"}}
  4. {"type":"after","callId":"call@83","endTime":315321.778,"result":{"page":"<Page>"}}
  5. {"type":"before","callId":"call@85","startTime":315324.472,"class":"Frame","method":"goto","params":{"url":"http://localhost:5173/#/pages/publish/index","timeout":30000,"waitUntil":"networkidle"},"stepId":"pw:api@26","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","beforeSnapshot":"before@call@85"}
  6. {"type":"frame-snapshot","snapshot":{"callId":"call@85","snapshotName":"before@call@85","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1280,"height":720},"timestamp":315328.874,"wallTime":1781447399092,"collectionTime":1.099999999627471,"resourceOverrides":[],"isMainFrame":true}}
  7. {"type":"log","callId":"call@85","time":315329.871,"message":"navigating to \"http://localhost:5173/#/pages/publish/index\", waiting until \"networkidle\""}
  8. {"type":"screencast-frame","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","sha1":"page@6bc61f2730b3a0b001e38b7de74759f5-1781447399143.jpeg","width":1280,"height":720,"timestamp":315378.312,"frameSwapWallTime":1781447399130.593}
  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":315684.064,"pageId":"page@6bc61f2730b3a0b001e38b7de74759f5"}
  10. {"type":"screencast-frame","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","sha1":"page@6bc61f2730b3a0b001e38b7de74759f5-1781447399448.jpeg","width":1280,"height":720,"timestamp":315684.201,"frameSwapWallTime":1781447399443}
  11. {"type":"console","messageType":"warning","text":"[Vue Router warn]: No match found for location with path \"/pages/publish/index\"","args":[{"preview":"[Vue Router warn]: No match found for location with path \"/pages/publish/index\"","value":"[Vue Router warn]: No match found for location with path \"/pages/publish/index\""}],"location":{"url":"http://localhost:5173/tonggan/node_modules/.vite/deps/vue-router.js?v=0afd88a5","lineNumber":50,"columnNumber":15},"time":315724.765,"pageId":"page@6bc61f2730b3a0b001e38b7de74759f5"}
  12. {"type":"screencast-frame","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","sha1":"page@6bc61f2730b3a0b001e38b7de74759f5-1781447399518.jpeg","width":1280,"height":720,"timestamp":315753.301,"frameSwapWallTime":1781447399509.096}
  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":315995.517,"pageId":"page@6bc61f2730b3a0b001e38b7de74759f5"}
  14. {"type":"after","callId":"call@85","endTime":316224.664,"result":{"response":"<Response>"},"afterSnapshot":"after@call@85"}
  15. {"type":"frame-snapshot","snapshot":{"callId":"call@85","snapshotName":"after@call@85","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},["HEAD",{},["BASE",{"href":"http://localhost:5173/tonggan/#/pages/publish/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":316248.238,"wallTime":1781447399999,"collectionTime":0.900000000372529,"resourceOverrides":[],"isMainFrame":true}}
  16. {"type":"before","callId":"call@87","startTime":316250.271,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":3000},"stepId":"pw:api@27","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","beforeSnapshot":"before@call@87"}
  17. {"type":"frame-snapshot","snapshot":{"callId":"call@87","snapshotName":"before@call@87","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[1,34]],"viewport":{"width":1280,"height":720},"timestamp":316267.833,"wallTime":1781447400023,"collectionTime":0.3999999985098839,"resourceOverrides":[],"isMainFrame":true}}
  18. {"type":"after","callId":"call@87","endTime":319269.33,"afterSnapshot":"after@call@87"}
  19. {"type":"frame-snapshot","snapshot":{"callId":"call@87","snapshotName":"after@call@87","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[2,34]],"viewport":{"width":1280,"height":720},"timestamp":319271.517,"wallTime":1781447403035,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
  20. {"type":"before","callId":"call@89","startTime":319274.367,"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@6bc61f2730b3a0b001e38b7de74759f5","beforeSnapshot":"before@call@89"}
  21. {"type":"frame-snapshot","snapshot":{"callId":"call@89","snapshotName":"before@call@89","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[3,34]],"viewport":{"width":1280,"height":720},"timestamp":319276.677,"wallTime":1781447403040,"collectionTime":0.5,"resourceOverrides":[],"isMainFrame":true}}
  22. {"type":"log","callId":"call@89","time":319277.133,"message":"Expect \"toBeVisible\" with timeout 15000ms"}
  23. {"type":"log","callId":"call@89","time":319277.145,"message":"waiting for locator('#app')"}
  24. {"type":"after","callId":"call@89","endTime":319297.071,"result":{"matches":true,"received":{"value":{"s":"visible"},"ariaSnapshot":""}},"afterSnapshot":"after@call@89"}
  25. {"type":"frame-snapshot","snapshot":{"callId":"call@89","snapshotName":"after@call@89","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},[[4,26]],[[4,27]],["BODY",{},[[4,28]],["DIV",{"__playwright_target__":"call@89","id":"app","data-v-app":""},[[4,29]]],[[4,31]],[[4,32]]]],"viewport":{"width":1280,"height":720},"timestamp":319299.078,"wallTime":1781447403063,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
  26. {"type":"before","callId":"call@91","startTime":319300.961,"class":"Frame","method":"queryCount","params":{"selector":"text=发布 >> nth=0"},"stepId":"pw:api@29","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","beforeSnapshot":"before@call@91"}
  27. {"type":"frame-snapshot","snapshot":{"callId":"call@91","snapshotName":"before@call@91","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[1,2]],"viewport":{"width":1280,"height":720},"timestamp":319302.783,"wallTime":1781447403067,"collectionTime":0.2999999988824129,"resourceOverrides":[],"isMainFrame":true}}
  28. {"type":"after","callId":"call@91","endTime":319305.785,"result":{"value":0},"afterSnapshot":"after@call@91"}
  29. {"type":"frame-snapshot","snapshot":{"callId":"call@91","snapshotName":"after@call@91","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[2,2]],"viewport":{"width":1280,"height":720},"timestamp":319307.661,"wallTime":1781447403071,"collectionTime":0.30000000074505806,"resourceOverrides":[],"isMainFrame":true}}
  30. {"type":"before","callId":"call@93","startTime":319310.53,"class":"Page","method":"screenshot","params":{"timeout":0,"type":"png","fullPage":true},"stepId":"pw:api@30","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","beforeSnapshot":"before@call@93"}
  31. {"type":"frame-snapshot","snapshot":{"callId":"call@93","snapshotName":"before@call@93","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[3,2]],"viewport":{"width":1280,"height":720},"timestamp":319312.49,"wallTime":1781447403076,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
  32. {"type":"log","callId":"call@93","time":319312.849,"message":"taking page screenshot"}
  33. {"type":"log","callId":"call@93","time":319315.234,"message":"waiting for fonts to load..."}
  34. {"type":"log","callId":"call@93","time":319316.638,"message":"fonts loaded"}
  35. {"type":"after","callId":"call@93","endTime":319348.583,"result":{"binary":"<Buffer>"},"afterSnapshot":"after@call@93"}
  36. {"type":"screencast-frame","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","sha1":"page@6bc61f2730b3a0b001e38b7de74759f5-1781447403114.jpeg","width":1280,"height":720,"timestamp":319350.011,"frameSwapWallTime":1781447403110.686}
  37. {"type":"frame-snapshot","snapshot":{"callId":"call@93","snapshotName":"after@call@93","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","frameId":"frame@2b4adfc9d979f108807fe14ec06c898a","frameUrl":"http://localhost:5173/tonggan/#/pages/publish/index","doctype":"html","html":[[4,2]],"viewport":{"width":1280,"height":720},"timestamp":319350.984,"wallTime":1781447403115,"collectionTime":0.6999999992549419,"resourceOverrides":[],"isMainFrame":true}}
  38. {"type":"screencast-frame","pageId":"page@6bc61f2730b3a0b001e38b7de74759f5","sha1":"page@6bc61f2730b3a0b001e38b7de74759f5-1781447403150.jpeg","width":1280,"height":720,"timestamp":319386.122,"frameSwapWallTime":1781447403147.377}