布局与页面功能测试（Layout Test）

本页用于自动化测试断言 + 功能使用说明。覆盖文章布局、侧边栏组件、响应式断点。

1. 文章布局特性

上下篇导航：文章底部"上一篇/下一篇"卡片。

测试断言：文章页含 #prenext-posts。

版权声明：文章底部许可协议。

测试断言：文章页含版权声明容器。

文章时效提示：过期文章提醒。

测试断言：文章页含时效提示元素。

TOC 目录：右侧章节导航。

测试断言：文章页含 #toc-content。

广告位：TOC 下方侧边栏广告。

测试断言：文章页含 .tgCard。

2. 侧边栏组件（widgets）

分类雷达图：/categories/ 页 canvas 图表。

测试断言：/categories/ 含 canvas。

标签云：/tags/ 页 chip 标签。

测试断言：/tags/ 含 .tag-chips .chip。

词云：/tags/ 页词云 canvas。

测试断言：/tags/ 含词云容器。

归档时间线：/archives/ 页时间线。

测试断言：/archives/ 含 #cd-timeline。

关于页统计：/about/ 页多图表。

测试断言：/about/ 含多个 canvas。

3. 响应式断点

配置：_variables/base.styl 断点变量：

• $breakpoint-sm: 368px（超小屏）
• $breakpoint-md: 768px（移动/平板）
• $breakpoint-lg: 992px（桌面）
• $breakpoint-fun: 1400px（特效/大屏）

测试断言：

• <768px：导航折叠、文章单列
• 768-992px：平板布局
• >992px：桌面三栏
• >1400px：特效启用

4. 相册功能

配置：source/_data/galleries.yml（photos 三种形式）。

测试断言：

• /galleries/ 相册列表
• /galleries/2020/ 灯箱 + caption
• /galleries/private/ 加密解密

5. 搜索功能

配置：_config.yml 的 search（三引擎：local/algolia/pagefind）。

测试断言：

• 页面含 #searchInput
• /search.json 可访问
• 搜索弹窗可打开

6. 评论系统

配置：_config.yml 的 waline + 页面 comment: waline。

测试断言：

• 文章/msg/friends/bb 页含 #comments
• waline 初始化脚本存在

7. 暗色模式

配置：_config.yml 的 dark_mode + color-schema.styl。

测试断言：

• CSS 含 [data-user-color-scheme="dark"] 规则
• 切换按钮可切换明暗

8. 加密文章

配置：_config.yml 的 encrypt.tags（tag 加密）。

测试断言：tag 加密文章含 #hbePass 解密 UI。

9. RSS / 站点地图

配置：根 _config.yml 的 feed + sitemap。

测试断言：/rss.xml、/atom.xml、/feed.json、/sitemap.xml 可访问。

10. PWA

配置：_config.yml 的 pwa + userConfig/sw.tmp.js。

测试断言：/sw.js 可访问，SW 注册正常（localhost 豁免）。