怎么测试一个web登录页面

在以前的面试和同事面试交流的过程中，有多次被问到：“给你一个登录页面，上面有2个textbox,一个提交按钮，你将怎么测试”？或问，请针对这个页面设计30个以上的test case.

此题的考察目的：面试者是否熟悉各种 测试方法，是否有丰富的 Web测试经验，是否了解Web开发，以及设计Test case的能力。

一、功能测试

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

二、界面测试

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

三、性能测试

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

四、安全性测试

1. 登录成功后生成的Cookie，是否是httponly (否则容易被脚本盗取)；
2. 用户名和密码是否通过加密的方式，发送给Web服务器；
3. 用户名和密码的验证，登录完成后查看服务器日志验证正确，而不仅仅是前端JavaScript验证；
4. 用户名和密码的输入框，应该屏蔽SQL注入攻击；
5. 用户名和密码的的输入框，应该禁止输入脚本（防止XSS攻击）；
6. 错误登陆的次数限制（防止暴力破解）；

五、可用性测试

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

六、兼容性测试

1. 主流的浏览器下能否显示正常，并且功能正常（IE,7,8,9,10，Firefox, Chrome, Safari,等）；
2. 不同的平台是否能正常工作，比如Windows, Mac；
3. 移动设备上是否正常工作，比如Iphone；

七、Andriod WEB测试

1. 不同的分辨率；
2. 不同的浏览器大小（浏览器最大化，和非最大化）；
3. 软件辅助性测试（Accessibility test）——软件辅助功能测试是指测试软件是否向残疾用户提供足够的辅助功能；
4. 高对比度下能否显示正常（视力不好的人使用）

在以前的面试和同事面试交流的过程中，有多次被问到：“给你一个登录页面，上面有2个textbox,一个提交按钮，你将怎么测试”？或问，请针对这个页面设计30个以上的test case.

此题的考察目的：面试者是否熟悉各种 测试方法，是否有丰富的 Web测试经验，是否了解Web开发，以及设计Test case的能力。

一、功能测试

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

二、界面测试

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

三、性能测试

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

四、安全性测试

1. 登录成功后生成的Cookie，是否是httponly (否则容易被脚本盗取)；
2. 用户名和密码是否通过加密的方式，发送给Web服务器；
3. 用户名和密码的验证，登录完成后查看服务器日志验证正确，而不仅仅是前端JavaScript验证；
4. 用户名和密码的输入框，应该屏蔽SQL注入攻击；
5. 用户名和密码的的输入框，应该禁止输入脚本（防止XSS攻击）；
6. 错误登陆的次数限制（防止暴力破解）；

五、可用性测试

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

六、兼容性测试

1. 主流的浏览器下能否显示正常，并且功能正常（IE,7,8,9,10，Firefox, Chrome, Safari,等）；
2. 不同的平台是否能正常工作，比如Windows, Mac；
3. 移动设备上是否正常工作，比如Iphone；

七、Andriod WEB测试

1. 不同的分辨率；
2. 不同的浏览器大小（浏览器最大化，和非最大化）；
3. 软件辅助性测试（Accessibility test）——软件辅助功能测试是指测试软件是否向残疾用户提供足够的辅助功能；
4. 高对比度下能否显示正常（视力不好的人使用）