公共用例设计实践
背景介绍(大致如下):
图一:我的-个人资料-动态 图二:发现
图三:动态转发 图四:动态评论
图五:动态正文
转发、评论、赞咋用的,这个就不用我说了吧,用过新浪微博之类的应该懂的,没用过的话去用用就懂了~~
问题:
从上图可看到,转发,评论,赞都有多个入口:
发现页面-列表、我的-个人资料-动态页面-列表、动态详情(正文)界面
转发,评论对话框都有多种情况,怎么设计用例?
第一:观察
发现页面,我的-个人资料-动态,页面,这两个页面表面上看,似乎不一样,但是仔细看看,本质是一样的,都是“动态”列表,而且动态记录显示方式,大同小异;再进一步分析,点击“动态”,都是进入“动态详情(正文)”,而且动态正文也是基本一样。
且动态详情页面的信息和列表页面的信息(转发数,评论数,赞数等是保持一致的)
到此:我们可以划分出两个公用模块:动态列表+动态详情
接下来,对公用模块进行用例设计分析
第二:分析操作流程
动态列表页
评论按钮操作:
情形1:评论按钮>>评论对话框>>返回动态列表>>评论按钮旁的评论数加1
情形2:评论按钮(评论数不为0的)>>动态详情页(显示转发标签页或评论标签页)>>评论标签页的评论数加1
仔细分析情形1,情形2,我们可以很好的划分出两个测试点:动态评论(情形1),动态评论查看(情形2)
转发按钮操作:
转发按钮>>转发对话框>>返回动态列表>>转发按钮旁的转发数加1
赞按钮操作:
赞按钮>>赞按钮高亮,赞按钮旁的赞数加1
动态详情页
评论按钮操作:
评论按钮->评论对话框->返回动态详情页(显示转发标签页或评论标签页)->评论标签页的评论数加1
转发按钮操作:
转发按钮>>转发对话框>>返回动态详情页(显示转发标签页或评论标签页)>>转发标签页的转发数加1
赞按钮操作:
赞按钮>>赞按钮高亮,赞标签上的赞数加1
再次点击赞按钮>>赞按钮灰色,赞标签上的赞数减1,为0则不显示
对比上述动态列表和动态详情页的操作,我们可以分离出共同点:
评论按钮操作:
评论按钮>>评论对话框>>返回对话框所在父界面>>评论数加1
转发按钮操作:
转发按钮>>转发对话框>>返回对话框所在父界面>>转发数加1
赞按钮操作:
赞按钮>>点赞>>赞按钮高亮,赞数加1>>再次点赞>>赞数减1,按钮灰色
第三:细分情况
1.评论对话框
评论加转发
评论不转发
还有个特别@功能
注:其中@功能比较特殊,单独出来
2.转发对话框
评论加转发
评论不转发
也有个特别@功能
注:其中@功能比较特殊,单独出来
第四:用例设计
见截图,框选部分
说明:思路是这样的:
1. 动态评论,转发动态,赞动态为动态列表、动态详情页面的公共用例
2. 动态列表、动态详情模块的用例作为发现、我的-个人资料-动态模块的公共用例