翻页功能

作者: 诗意涛涛 | 来源:发表于2019-03-16 17:19 被阅读0次

测试点:

翻页功能常见功能点

1.首页、上一页、下一页、尾页

2.总页数,当前页数

3.指定跳转页

4.指定每页显示条数

功能1测试点:

1.没有数据时,四个按钮是否可以点击

一、测试用例1:

步骤1:列表无记录

预期结果:1.四个翻页控件置灰不可点击,列表有相应的无数据信息提示,不可指定跳转页,总页数为0,当前页数显示为0

二、测试用例2

步骤1:列表的记录数<=指定的每页显示条数

预期结果:1.四个翻页控件置灰不可点击,不可指定跳转页,总页数为1,当前页数显示为1

2.处于首页时,首页和上一页置灰,其它2个按钮可用

功能2测试点:

1.总页数显示正确(等于总的记录条数/每页显示的记录条数),当前所在页显示正确

2.处于尾页时,尾页和下一页置灰,其它2个按钮可用

3.处于中间页时,四个按钮均可用

4.翻页时,列表中的记录是否按照指定的顺序排序

测试用例一:

步骤1:列表的记录数>指定的每页显示数

预期结果:1.默认在首页,当前页数为:1,列表的数据按照指定的排序正常排序记录数与数据库相符,总页数=记录总条数/指定的每页显示条数

测试用例二:

步骤1:列表的记录数>指定的每页显示数,且在首页

预期结果:1.首页置灰,上一页置灰,不可点击,下一页可点击,从(每页指定条数+1)条开始显示,并且当前页数+1,尾页可点击,显示最后页的记录

测试用例三:

步骤1:列表的记录数>指定的每页显示数,且在中间页

预期结果:1.首页可点击,上一页可点击,,下一页可点击,尾页可点击,并且内容显示正确,当前页数和总页数显示正确

测试用例四:

步骤1:列表的记录数>指定的每页显示数,且在尾页

预期结果:1.首页可点击,上一页可点击,,下一页不可点击,尾页不可点击,并且内容显示正确,当前页数和总页数显示正确

功能3测试点:

1.输入正常页数(大于等于1且小于等于总页数的整数)时,可以正常跳转到相应的页面

测试用例一:

步骤1:输入每页显示条数为正整数

预期结果:1.每页显示条数更新为指定的条数,超过指定条数的记录分页正常显示,总页数更新成:记录条数/每页显示条数

2.输入非合法数据时不可以跳转并且有友好提示

测试用例一:

步骤1:输入每页显示条数为其它不合理数据

预期结果:给出提示信息,恢复到上一次的状态

功能4测试点:

1.看是否有默认设置:默认设置下显示是否正确

2.指定每页显示的条数后,每页显示的数据条数和总页面数是否正确

3.输入非合法数据时有友好提示

测试用例一:

步骤:输入跳转页数为存在的页数

预期结果:可以正常跳转

测试用例二:

步骤:输入跳转页数为非法数据

预期结果:给出错误提示,并恢复到之前的状态

相关文章

  • 翻页功能

    测试点: 翻页功能常见功能点 1.首页、上一页、下一页、尾页 2.总页数,当前页数 3.指定跳转页 4.指定每页显...

  • 设计中被忽略的细节(三)

    翻页功能很常见,通常是这样: 高级翻页:自带预告功能。当鼠标移入翻页箭头时,出现相应页面的内容提要。 这个网站,h...

  • mongo学习(二)——常用查询技巧

    翻页查询 翻页查询需要使用两个函数,读取指定行数,实现翻页功能 db.col.find().skip(number...

  • Android使用viewPager2实现UI界面翻页滚动的效果

    自学Android中,然后需要实现UI页面翻页滑动的效果,例如头条的功能我这边利用了viewPager2的翻页功能...

  • React实现翻页功能

    由于项目中遇到简单的类似于轮播图中,左右翻页功能,首先明白需求是这样的: 一个页面最多展示6条从后台返回的数据,如...

  • js实现翻页功能

    效果图: 要点: displayPage('#pageDiv','goPage','query',10,1,100...

  • 6.3实现上下翻页功能的数据渲染

    Chapter: 6.页面和服务器通信代码的开发 title: 3.实现上下翻页功能的数据渲染 思路概述 上下翻页...

  • Rails 中添加翻页功能

    背景 去年在公司用rails写了个静态页面,用于监控自动化FTP服务器的磁盘使用量情况,当数据超过设定值后自动发送...

  • CSS学习之翻页功能

    成果展示:

  • 6.4上下翻页功能优化

    Chapter: 6.页面和服务器通信代码的开发 title: 4.上下翻页功能优化 思路概述 任务: 添加当前页...

网友评论

    本文标题:翻页功能

    本文链接:https://www.haomeiwen.com/subject/ceusmqtx.html