通用
基础
- 刷新:每个页面刷新一次,看有无异常
- slow/fast 3g(一般测 fast 3g 即可,slow 太慢):调试器 - network panel
form 表单
-
回车提交
-
快速重复提交
-
字段验证(前端),自动 focus 第一个验证错误的字段;下面显示错误内容
-
如果是弹窗,关闭后再次打开 focus 到第一个字段;上次输入内容保留,但错误提示清除(如果是提交了表单,则不保留)
- book 页不保留,暂时也不必禁用外部点击关闭(丢失内容少)
-
如果是页面,刷新或者跳转到此页面时 focus 到第一个字段;上次输入内容不保留,错误提示清除
滚动条
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202107/scroll-bar-1.mp4
- 样式统一,三种情况(pc、响应式-pc、响应式-mobile)
- 水平滚动条保持可见
- 超过内容完全可见
表情字符
所有用户可输入的地方都应该支持表情字符:
- 文章路径、文件名
- 文章内容
- 评论
- 昵称
- ...
响应式
测试设备选择(一次测试选择一种设备即可):
- 浏览器模拟,手机模式
- 浏览器改变窗口大小
- 真机:微信/chrome/自带浏览器/UC浏览器
- 只检查阅读功能是否正常,包括目录、标题能否定位,带 hash(#) 的链接打开或者刷新之后能否定位
- 调整窗口大小,保证始终能够访问目录和标题
个人文库
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-vscroll.mp4
- book 页始终显示垂直滚动条,避免切换文章时晃动
路由
- tech:http://zentao.uninote.com.cn/zentao/task-view-8.html
- 跳转是 replace,而非 push,回退、前进:
/book
已登录: 跳转个人文库 /book/x
未登录: 弹框登录
- 成功,跳转个人文库 /book/x
- 失败:保持弹框,提示错误
- 关闭:显示空白
/book/x
- x 无对应用户 - 无用户 404
- x 有应用户 - 跳转用户 readme,或者第一篇文章;
- 无任何可见文章:无文章404
/book/x/y
- 先进行x检查(见上一步)
- y 无对应文章(前端验证,文章内容接口会返回 uid) - 无文章 404
当前用户内搜索
- http://v.uninote.com.cn/video_play.html?video_url=upload/202105/book-left-search.mp4
- 下拉加载(全部、文章两个标签)
- 全部下点击“查看更多”
- 标签目前还是全局搜索
文库目录
基础
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload//202105/book-left-1.mp4
- 展开折叠 一次
- 打开 当前高亮,右键不切换
- 整行可点击(包括图标周围)
编辑菜单
- 编辑菜单 - 登录与否
整行右键显示菜单
编辑菜单
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload//202105/book-left-menu-2.mp4
- 操作类型
- 删除文件 http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/编辑菜单001.mp4
68 文章管理工具条位置调整 & 文件夹也显示工具条 & 图标颜色改为绿色 http://zentao.uninote.com.cn/zentao/task-view-68.html
- TODO:用例
非法字符
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload//202105/book-left-menu-3.mp4
- 文件名:非法字符 /:*?"<>
递归
scroll 滚动条
- 见滚动条
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-left-scroll.mp4
- 滚动条 可见性自动 贴边
- 编辑一个长文件名,保证通过水平滚动能够完整可见
线性 树形 排序
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-left-line-sort.mp4
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-left-line-sort2.mp4
- 线性展示:第一次点击,时间降序排序(时间差(如1分钟前)升序),再次点击,升序
- 树形排序:同级内字符串排序(类似操作系统的排序规则)
body
head
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-body-head.mp4
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-body-head2.mp4
- 最大化、还原按钮
- 标题 = 文件名
- 更新时间:推荐、重命名不改变,仅编辑改变
- 导入链接 颜色区分是否访问过
- 上下篇
body's body
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-body-body.mp4
- 掘金格式对比
- permalink
- 点击置顶,url变化,复制定位
- 鼠标 hover 在标题上时也显示
- permalink 透过菜单 http://zentao.uninote.com.cn/zentao/bug-view-6.html
大图查看
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202107/t16-html-view.mp4
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-body-big-pic.mp4
- 任意位置点击关闭
- 有必要才放大,原始尺寸检查
- 超过滚动条拖动
- 找一篇多图,全部检查,eg: https://t4.uninote.com.cn/book/1002/229 https://uninote.com.cn/book/1021/4602
- 调试器可以查看图片原始尺寸:
文章标题
- 双向定位
- 点击定位
- 树形层次结构
- 折叠、展开
- 整行可点击(包括图标周围)
- 相同标题区分
tech: http://zentao.uninote.com.cn/zentao/bug-view-29.html
- 手动控制跳转,不使用原生的 #hash 跳转:1,手机有问题;2,不好实现整行点击
滚动条
- 测试点同目录滚动条
历史导航
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202105/book-history.mp4
- 标题前的 permalink 点击切换 url,并且要进入历史记录
- 刷新定位、链接打开定位
点赞 阅读 举报
gogs外部编辑、同步
- http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload//202105/gogs-sync.mp4
- GBK 编码兼容:因为通过 git 外部更新的方式,文章的编码可能是 GBK,需要读取文件时做相应处理
编辑器
图片上传
-
剪贴板粘贴 截屏 从微信复制 从浏览器复制 从文件管理器(explorer、finder)复制 单文件 多文件 从其他应用复制 上传控件 单文件 多文件
-
每个点都要测是否超过2m的情况,如果是多文件,还是测试部分超过2m的情况(多个超过2m,也只提示一次)
-
不同的系统(windows10、win7、mac)
图片转存
图片转存时,后缀名的计算问题 http://v.uninote.com.cn/video_play.html?video_url=https://admin.bb.uninote.com.cn/oss?path=video/upload/202107/20210703_210715.mp4