如何测试网页的登录页面?

更新日期: 2019-08-15阅读: 2.7k标签: 测试

具体需求: 

有一个登陆页面, 上面有2个textbox, 一个提交按钮。  请针对这个页面设计30个以上的test case.

此题的考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力,这个题目还是相当有难度的, 一般的人很难把这个题目回答好。


功能测试(Function test)

  1. 输入正确的用户名和密码,点击提交按钮,验证是否能正确登录。
  2. 输入错误的用户名或者密码,  验证登录会失败,并且提示相应的错误信息。
  3. 登录成功后能否能否跳转到正确的页面
  4. 用户名和密码,如果太短或者太长,应该怎么处理
  5. 用户名和密码,中有特殊字符,和其他非英文的情况
  6. 记住用户名的功能
  7. 登陆失败后,不能记录密码的功能
  8. 用户名和密码前后有空格的处理
  9. 密码是否以星号显示

 

界面测试(UI Test)

  1. 布局是否合理,2个testbox 和一个按钮是否对齐
  2. testbox和按钮的长度,高度是否复合要求
  3. 界面是否好看
  4. 图片,颜色,字体,超链接,是否都显示正确

 

性能测试(performance test)

  1. 打开登录页面,需要几秒
  2. 输入正确的用户名和密码后,登录成功跳转到新页面,不超过5秒
  3. 能支持多少个用户同时登陆

 

安全性测试(Security test)

  1. 登录成功后生成的Cookie,是否是httponly (否则容易被脚本盗取)
  2. 用户名和密码是否通过加密的方式,发送给Web服务器
  3. 用户名和密码的验证,应该是用服务器端验证, 而不能单单是在客户端用javascript验证
  4. 用户名和密码的输入框,应该屏蔽SQL 注入攻击
  5. 用户名和密码的的输入框,应该禁止输入脚本 (防止XSS攻击)
  6. 错误登陆的次数限制(防止暴力破解)

 

可用性测试(Usability Test)

  1. 是否可以全用键盘操作,是否有快捷键
  2. 输入用户名,密码后按回车,是否可以登陆

 

兼容性测试(Compatibility Test)

  1. 主流的浏览器下能否显示正常已经功能正常(IE,6,7,8,9, Firefox, Chrome, Safari,等)
  2. 不同的平台是否能正常工作,比如Windows, Mac
  3. 移动设备上是否正常工作,比如Iphone, Andriod
  4. 不同的分辨率
  5. 不同的浏览器大小 (浏览器最大化, 和非最大化)

 

软件辅助性测试 (Accessibility test)

软件辅助功能测试是指测试软件是否向残疾用户提供足够的辅助功能

高对比度下能否显示正常 (视力不好的人使用)


链接: https://www.fly63.com/article/detial/4730

测试工具比较:选Jest,不选Mocha

Jest的未来看起来非常令人激动!看到Jest推陈出新如此快速,我感觉它将很快成为整个React生态系统中大部分项目的首选工具。我建议,应该把测试迁移到Jest上去。

你需要了解的前端测试“金字塔”

如果您正在测试前端应用程序,则应该了解前端测试金字塔。在本文中,我们将看到前端测试金字塔是什么,以及如何使用它来创建全面的测试套件。

web网页性能测试工具都有哪些

作为前端开发,我们不仅需要满足产品需求功能的实现,同时也需要对自己做的网站进行安全、易用性、性能等方面的考虑。随着目前技术不断进步,web页面的性能测试工具也在不断完善,通过这些工具,我们可以客观的评价web网站的质量水平。

js单元测试工具-jest自动化测试

jest 是 facebook 开源的,用来进行单元测试的框架,可以测试 javascipt 和 react。jest 提供了非常方便的 API,可以对下面的场景方便的测试:一般函数、异步函数、测试的生命周期、react 测试

web测试要点、方法_web端测试大全总结

web测试大全,测试web网站有哪些点呢?主要包括:功能测试、兼容性测试、安全测试、输入框测试、用户权限测试等

前端性能测试工具整理简介_性能测试工具都有哪些?

前端性能测试工具都有哪些:Favicon、Open Graph、图片优化-压缩图像、CSS 优化-Autoprefixer、Purifycss、minify CSS、减少载入时间、GZIP、CDN、优化平台-Sentry、Google Tag Manager

不用写代码,也能做好接口测试

本文你将了解到:1、接口测试基本概念,包含什么是接口,什么是接口测试,为什么要做接口测试;2、接口测试用例设计,3、怎样不用写代码,也能快速的根据开发的API文档完成接口自动化测试脚本

Selenium打开浏览器加载慢的原因

在自动化元素定位操作中经常使用智能等待来加强定位的强壮性,主要就是因为WebDriver没有提供页面加载场景的方法;在使用JavaScript知识的突然心生灵感,可以使用JavaScript来配合验证页面加载,结果发现我真是井底之蛙。

power assert_更智能、优雅的全方位 assert 断言库

在写测试代码时,以往我们需要翻阅文档,学习各种 API 才能明白如何操作断言。而现在我们可以透过 power-assert 的 assert 方法来减轻调试压力。不仅如此,它还提供更加直观,具体的运行效果,帮助 DEBUG。写测试代码,其实可以很容易。

常用的web网站负载/压力/性能测试工具

在网站上线发布之前,我们除了必要的安全、功能测试外,往往还需要进行压力测试。通过模拟实际应用的软硬件环境及用户使用过程的系统负荷,长时间或超大负荷地运行测试软件。包括:Apache JMeter 、LoadRunner、NeoLoad等

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!