{"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":1781447384177,"monotonicTime":300413.016,"sdkLanguage":"javascript","testIdAttributeName":"data-testid","contextId":"browser-context@2ba6d4d2706ae1221ae657b0efa5e974","title":"23-frontend-e2e.spec.ts:549 › 前端 UI 完整验收 › E16: 通知页面 - 通知列表/标记已读/清空"}
{"type":"before","callId":"call@6","startTime":300419.358,"class":"BrowserContext","method":"newPage","params":{},"stepId":"pw:api@34"}
{"type":"event","time":300480.257,"class":"BrowserContext","method":"page","params":{"pageId":"page@88275522e516e813f4307dbf1faec8ce"}}
{"type":"after","callId":"call@6","endTime":300480.409,"result":{"page":"<Page>"}}
{"type":"before","callId":"call@8","startTime":300485.287,"class":"Frame","method":"goto","params":{"url":"http://localhost:5173/#/pages/notifications/index","timeout":30000,"waitUntil":"networkidle"},"stepId":"pw:api@35","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@8"}
{"type":"frame-snapshot","snapshot":{"callId":"call@8","snapshotName":"before@call@8","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"about:blank","html":["HTML",{},["HEAD",{},["BASE",{"href":"about:blank"}]],["BODY"]],"viewport":{"width":1280,"height":720},"timestamp":300488.599,"wallTime":1781447384252,"collectionTime":0.6000000014901161,"resourceOverrides":[],"isMainFrame":true}}
{"type":"log","callId":"call@8","time":300490.564,"message":"navigating to \"http://localhost:5173/#/pages/notifications/index\", waiting until \"networkidle\""}
{"type":"screencast-frame","pageId":"page@88275522e516e813f4307dbf1faec8ce","sha1":"page@88275522e516e813f4307dbf1faec8ce-1781447384281.jpeg","width":1280,"height":720,"timestamp":300516.555,"frameSwapWallTime":1781447384277.7559}
{"type":"screencast-frame","pageId":"page@88275522e516e813f4307dbf1faec8ce","sha1":"page@88275522e516e813f4307dbf1faec8ce-1781447384587.jpeg","width":1280,"height":720,"timestamp":300823.167,"frameSwapWallTime":1781447384584.559}
{"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":300841.861,"pageId":"page@88275522e516e813f4307dbf1faec8ce"}
{"type":"console","messageType":"warning","text":"[Vue Router warn]: No match found for location with path \"/pages/notifications/index\"","args":[{"preview":"[Vue Router warn]: No match found for location with path \"/pages/notifications/index\"","value":"[Vue Router warn]: No match found for location with path \"/pages/notifications/index\""}],"location":{"url":"http://localhost:5173/tonggan/node_modules/.vite/deps/vue-router.js?v=0afd88a5","lineNumber":50,"columnNumber":15},"time":300858.972,"pageId":"page@88275522e516e813f4307dbf1faec8ce"}
{"type":"screencast-frame","pageId":"page@88275522e516e813f4307dbf1faec8ce","sha1":"page@88275522e516e813f4307dbf1faec8ce-1781447384643.jpeg","width":1280,"height":720,"timestamp":300878.673,"frameSwapWallTime":1781447384640.487}
{"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":301144.711,"pageId":"page@88275522e516e813f4307dbf1faec8ce"}
{"type":"after","callId":"call@8","endTime":301359.676,"result":{"response":"<Response>"},"afterSnapshot":"after@call@8"}
{"type":"frame-snapshot","snapshot":{"callId":"call@8","snapshotName":"after@call@8","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},["HEAD",{},["BASE",{"href":"http://localhost:5173/tonggan/#/pages/notifications/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":301364.064,"wallTime":1781447385127,"collectionTime":0.7999999988824129,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@10","startTime":301365.761,"class":"Frame","method":"waitForTimeout","params":{"waitTimeout":3000},"stepId":"pw:api@36","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@10"}
{"type":"frame-snapshot","snapshot":{"callId":"call@10","snapshotName":"before@call@10","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[1,34]],"viewport":{"width":1280,"height":720},"timestamp":301367.471,"wallTime":1781447385131,"collectionTime":0.30000000074505806,"resourceOverrides":[],"isMainFrame":true}}
{"type":"after","callId":"call@10","endTime":304381.746,"afterSnapshot":"after@call@10"}
{"type":"frame-snapshot","snapshot":{"callId":"call@10","snapshotName":"after@call@10","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[2,34]],"viewport":{"width":1280,"height":720},"timestamp":304384.029,"wallTime":1781447388148,"collectionTime":0.2000000011175871,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@12","startTime":304394.098,"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@37","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@12"}
{"type":"frame-snapshot","snapshot":{"callId":"call@12","snapshotName":"before@call@12","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[3,34]],"viewport":{"width":1280,"height":720},"timestamp":304395.909,"wallTime":1781447388160,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
{"type":"log","callId":"call@12","time":304397.42,"message":"Expect \"toBeVisible\" with timeout 15000ms"}
{"type":"log","callId":"call@12","time":304397.472,"message":"waiting for locator('#app')"}
{"type":"after","callId":"call@12","endTime":304420.072,"result":{"matches":true,"received":{"value":{"s":"visible"},"ariaSnapshot":""}},"afterSnapshot":"after@call@12"}
{"type":"frame-snapshot","snapshot":{"callId":"call@12","snapshotName":"after@call@12","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":["HTML",{"lang":"zh-CN","data-theme":"standard"},[[4,26]],[[4,27]],["BODY",{},[[4,28]],["DIV",{"__playwright_target__":"call@12","id":"app","data-v-app":""},[[4,29]]],[[4,31]],[[4,32]]]],"viewport":{"width":1280,"height":720},"timestamp":304421.965,"wallTime":1781447388186,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@14","startTime":304424.462,"class":"Frame","method":"queryCount","params":{"selector":"text=暂无通知"},"stepId":"pw:api@38","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@14"}
{"type":"frame-snapshot","snapshot":{"callId":"call@14","snapshotName":"before@call@14","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[1,2]],"viewport":{"width":1280,"height":720},"timestamp":304426.188,"wallTime":1781447388190,"collectionTime":0.2999999988824129,"resourceOverrides":[],"isMainFrame":true}}
{"type":"after","callId":"call@14","endTime":304430.673,"result":{"value":0},"afterSnapshot":"after@call@14"}
{"type":"frame-snapshot","snapshot":{"callId":"call@14","snapshotName":"after@call@14","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[2,2]],"viewport":{"width":1280,"height":720},"timestamp":304433.734,"wallTime":1781447388197,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@16","startTime":304436.279,"class":"Frame","method":"queryCount","params":{"selector":".item"},"stepId":"pw:api@39","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@16"}
{"type":"frame-snapshot","snapshot":{"callId":"call@16","snapshotName":"before@call@16","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[3,2]],"viewport":{"width":1280,"height":720},"timestamp":304438.104,"wallTime":1781447388202,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
{"type":"after","callId":"call@16","endTime":304441.77,"result":{"value":0},"afterSnapshot":"after@call@16"}
{"type":"frame-snapshot","snapshot":{"callId":"call@16","snapshotName":"after@call@16","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[4,2]],"viewport":{"width":1280,"height":720},"timestamp":304443.482,"wallTime":1781447388207,"collectionTime":0.40000000037252903,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@18","startTime":304446.315,"class":"Frame","method":"queryCount","params":{"selector":"text=全部已读 >> nth=0"},"stepId":"pw:api@41","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@18"}
{"type":"frame-snapshot","snapshot":{"callId":"call@18","snapshotName":"before@call@18","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[5,2]],"viewport":{"width":1280,"height":720},"timestamp":304447.797,"wallTime":1781447388212,"collectionTime":0.2000000011175871,"resourceOverrides":[],"isMainFrame":true}}
{"type":"after","callId":"call@18","endTime":304449.619,"result":{"value":0},"afterSnapshot":"after@call@18"}
{"type":"frame-snapshot","snapshot":{"callId":"call@18","snapshotName":"after@call@18","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[6,2]],"viewport":{"width":1280,"height":720},"timestamp":304450.866,"wallTime":1781447388215,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
{"type":"before","callId":"call@20","startTime":304452.967,"class":"Page","method":"screenshot","params":{"timeout":0,"type":"png","fullPage":true},"stepId":"pw:api@42","pageId":"page@88275522e516e813f4307dbf1faec8ce","beforeSnapshot":"before@call@20"}
{"type":"frame-snapshot","snapshot":{"callId":"call@20","snapshotName":"before@call@20","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[7,2]],"viewport":{"width":1280,"height":720},"timestamp":304454.283,"wallTime":1781447388218,"collectionTime":0.2000000011175871,"resourceOverrides":[],"isMainFrame":true}}
{"type":"log","callId":"call@20","time":304454.957,"message":"taking page screenshot"}
{"type":"log","callId":"call@20","time":304458.315,"message":"waiting for fonts to load..."}
{"type":"log","callId":"call@20","time":304461.175,"message":"fonts loaded"}
{"type":"after","callId":"call@20","endTime":304488.57,"result":{"binary":"<Buffer>"},"afterSnapshot":"after@call@20"}
{"type":"screencast-frame","pageId":"page@88275522e516e813f4307dbf1faec8ce","sha1":"page@88275522e516e813f4307dbf1faec8ce-1781447388254.jpeg","width":1280,"height":720,"timestamp":304489.498,"frameSwapWallTime":1781447388251.3882}
{"type":"frame-snapshot","snapshot":{"callId":"call@20","snapshotName":"after@call@20","pageId":"page@88275522e516e813f4307dbf1faec8ce","frameId":"frame@8d7da32da4a93f1a56a57675d8a802f6","frameUrl":"http://localhost:5173/tonggan/#/pages/notifications/index","doctype":"html","html":[[8,2]],"viewport":{"width":1280,"height":720},"timestamp":304489.953,"wallTime":1781447388254,"collectionTime":0.19999999925494194,"resourceOverrides":[],"isMainFrame":true}}
{"type":"screencast-frame","pageId":"page@88275522e516e813f4307dbf1faec8ce","sha1":"page@88275522e516e813f4307dbf1faec8ce-1781447388299.jpeg","width":1280,"height":720,"timestamp":304534.622,"frameSwapWallTime":1781447388295.682}