记录在听黑马课的时候的笔记以及课堂上练习的代码，文章图源于我在听课的时候所截的屏，所以有些不清晰，请见谅。
项目介绍及登录需求
介绍
测试对象
登录测试点提取
对于功能性和非功能性：
我个人编写的测试用例：
老师的标准答案：
|-----------|-----------------|-------|-----|-------------------------------------|------------------------------------------------------------|------------------------------------------|-------------------------------------------|
| 测试编号 | 测试标题 | 项目/模块 | 优先级 | 前置条件 | 测试步骤 | 测试数据 | 预期结果 |
| login_001 | 合法（输入全都正确的数据） | 登录验证 | p0 | 1、打开登录验证程序 2、手机号已注册 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 5、输入验证码 6、勾选协议 7、点击登录 | 手机号：13245678912（注册手机号） 验证码：123456（正确验证码） | 1、登录成功，跳转到个人主页 2、手机号文本框失去焦点变绿色 |
| login_002 | 不合法（输入手机号为空） | 登录验证 | p1 | 打开登录验证程序 | 1、输入注册手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：空 验证码：123456（正确验证码） | 1、登录失败，手机号不能为空 2、手机号文本框失去焦点变红色 |
| login_003 | 不合法（输入11位非自然数） | 登录验证 | p1 | 打开登录验证程序 | 1、输入手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：1324567891a 验证码：123456（正确验证码） | 1、登录失败，请输入正确手机号 2、手机号文本框失去焦点变红色 3、滑块按钮不可点 |
| login_004 | 不合法（输入10位自然数） | 登录验证 | p1 | 打开登录验证程序 | 1、输入手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：1324567891 验证码：123456（正确验证码） | 1、登录失败，请输入正确手机号 2、手机号文本框失去焦点变红色 3、滑块按钮不可点 |
| login_005 | 不合法（输入12位自然数） | 登录验证 | p1 | 打开登录验证程序 | 1、输入手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：132456789123 验证码：123456（正确验证码） | 1、登录失败，请输入正确手机号 2、手机号文本框失去焦点变红色 3、滑块按钮不可点 |
| login_006 | 不合法（未注册手机号） | 登录验证 | p1 | 打开登录验证程序 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 5、输入验证码 6、勾选协议 7、点击登录 | 手机号：12345678912 （未注册） 验证码：123456（正确验证码） | 1、登录失败，手机号未注册 2、手机号文本框失去焦点变红色 3、滑块按钮不可点 |
| login_007 | 不合法（输入验证码为空） | 登录验证 | p1 | 打开登录验证程序 | 1、输入手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：13245678912 验证码：空 | 1、登录失败，请输入正确手机号 2、手机号文本框失去焦点变绿色 |
| login_008 | 不合法（验证码输入错误） | 登录验证 | p1 | 打开登录验证程序 | 1、输入手机号 2、点击发送验证码 3、输入验证码 4、勾选协议 5、点击登录 | 手机号：13245678912 验证码：123459（错误） | 1、登录失败，请输入正确手机号 2、手机号文本框失去焦点变绿色 |
| login_009 | 不合法（验证码过期） | 登录验证 | p1 | 1、打开登录验证程序 2、验证码已超时 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 5、输入验证码 6、勾选协议 7、点击登录 | 手机号：13245678912 验证码：123456(已过期) | 1、登录失败，验证码已过期 2、手机号文本框失去焦点变绿色 |
| login_010 | 不合法（未勾选协议） | 登录验证 | p1 | 打开登录验证程序 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 5、输入验证码 6、不勾选协议 7、点击登录 | 手机号：13245678912 验证码：123456 | 1、登录失败，协议未勾选 2、手机号文本框失去焦点变绿色 |
| login_012 | 显示和功能正常（谷歌） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_013 | 显示和功能正常（IE） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_014 | 显示和功能正常（Ege） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_015 | 显示和功能正常（欧朋） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_016 | 显示和功能正常（火狐） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_017 | 显示和功能正常（苹果） | 登录验证 | p2 | 1、安装谷歌浏览器 2、使用谷歌浏览器打开登录页面 | 1、查看登录页面显示是否正常 2、使用实现登录功能 | 1、显示与UI 2、登录：正确账号和验证码 | 1、显示正常 2、登录成功 |
| login_018 | 布局与UI设计一致 | 登录验证 | p2 | 1、打开页面 2、打开UI原型 | 查看页面显示是否和UI设计一致 | 页面原型布局数据 | 布局与UI设计一致 |
| login_019 | 图片和文字准确与UI设计无误 | 登录验证 | p2 | 1、打开页面 2、打开UI原型 | 检查页面文字和图片是否和UI设计一致 | 产品原型数据、真实数据 | 图片和文字准确与UI设计无误 |
| login_020 | 合法（滑动正确，接收到验证码） | 滑块 | p0 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 | 拖动滑块到指定空缺位置 | 手机号：13245678912 | 滑块按钮消失，成功获取验证码 |
| login_021 | 不合法（滑动错误1次） | 滑块 | p1 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 | 拖动滑块到指定空缺位置 | 手机号：13245678912 | 滑块按钮未消失，晃动提醒用户1次，且滑块回到初始位置，获取验证码失败 |
| login_022 | 不合法（滑动错误5次） | 滑块 | p1 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 | 拖动滑块到指定空缺位置 | 手机号：13245678912 | 滑块按钮未消失，晃动提醒用户5次，且滑块回到初始位置，获取验证码失败 |
| login_023 | 不合法（滑动错误6次） | 滑块 | p1 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 | 拖动滑块到指定空缺位置 | 手机号：13245678912 | 1、验证码获取失败 2、滑块抖动效果5次 3、第六次滑块界面消失，滑块按钮提示重试 |
| login_024 | 不合法（滑动错误3次） | 滑块 | p1 | 1、输入注册手机号 2、点击发送验证码 3、点击滑块按钮 4、拖动滑块 | 拖动滑块到指定空缺位置 | 手机号：13245678912 | 滑块按钮未消失，晃动提醒用户3次，且滑块回到初始位置，获取验证码失败 |
发布文章
测试点分析
测试用例编写
列出来的正向里面选最多正向为主，因为操作是有重复的，所以用例写最多那块就可以覆盖重复步骤
满足易用性的话3选1应该是成功的，预期结果就该写成功，失败也应该是在实际结果里写失败
功能：
非功能性：
判断兼容性和页面布局：
上传图片：
|-------------|---------------------------------------|-------|-----|------------------------------------------------------------|------------------------------------------------------|---------------------------------------------------------------------------------------------|--------------------------------------------------------------------|
| 测试编号 | 测试标题 | 项目/模块 | 优先级 | 前置条件 | 测试步骤 | 测试数据 | 预期结果 |
| article_001 | 发表文章成功（封面选择单图） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容：！@##￥#@%￥............你好》 3、封面（单图1.jepg） 4、频道：数据库 | 发表文章成功 用户：可在文章列表中看到待审核状态 管理员：可在待审核文章列表中查看到 |
| article_002 | 发表文章成功（封面选择三图，三张图片全选） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥%h 2、文章内容：！@##￥#@%￥............你好》 3、封面（三图001.jpeg\002.jpeg\003.jpeg） 4、频道：数据库 | 发表文章成功 用户：可在文章列表中看到待审核状态 管理员：可在待审核文章列表中查看到 |
| article_003 | 存草稿文章成功（封面选择无图） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥%%{}-+ 2、文章内容：！@##￥#@%￥............你好》 3、封面（无图） 4、频道：数据库 | 存草稿文章成功 提示新增文章成功，跳转到内容列表，文章状态显示草稿 |
| article_004 | 发表文章成功（封面选择自动） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥%h 2、文章内容：！@##￥#@%￥............你好》 3、封面（自动） 4、频道：数据库 | 发表文章成功 用户：可在文章列表中看到待审核状态 管理员：可在待审核文章列表中查看到 |
| article_005 | 发表文章成功（封面选择三图，只选择两张图片） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥%h 2、文章内容：！@##￥#@%￥............你好》 3、封面（三图选择两图001.jpeg\002.jpeg） 4、频道：数据库 | 发表文章成功 用户：可在文章列表中看到待审核状态 管理员：可在待审核文章列表中查看到 |
| article_006 | 发表文章成功（封面选择三图，只选择一张图片） | 发表文章 | p0 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥%h 2、文章内容：！@##￥#@%￥............你好》 3、封面（三图选择一张图001.jpeg） 4、频道：数据库 | 发表文章成功 用户：可在文章列表中看到待审核状态 管理员：可在待审核文章列表中查看到 |
| article_007 | 发表文章失败（文章标题为4个字符） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥ 2、文章内容：你好 3、封面（单图选择一张图001.jpeg） 4、频道：数据库 | 发布文章失败。提示：文章标题应不小于5位字符 |
| article_008 | 发表文章失败（文章标题为空） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题： 2、文章内容：你好 3、封面（单图选择一张图001.jpeg） 4、频道：数据库 | 发布文章失败。提示：文章标题不能为空 |
| article_009 | 发表文章失败（文章标题含有敏感词） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：敏感词 2、文章内容：你好 3、封面（单图选择一张图001.jpeg） 4、频道：数据库 | 发布文章失败。提示：文章标题含有敏感词，请修改 |
| article_010 | 发表文章失败（文章内容为空） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容： 3、封面（单图选择一张图001.jpeg） 4、频道：数据库 | 发布文章失败。提示：文章内容不能为空 |
| article_011 | 发表文章失败（文章内容含有敏感词） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容：你好敏感词 3、封面（单图选择一张图001.jpeg） 4、频道：数据库 | 发布文章失败。提示：文章内容含有敏感词，请修改 |
| article_012 | 发表文章失败（频道为空） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容：你好 3、封面（单图选择一张图001.jpeg） 4、频道： | 发布文章失败。提示：频道不能为空 |
| article_013 | 发表文章失败（封面单图无图片） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容：你好 3、封面（单图不选择图片） 4、频道： | 发布文章失败。提示：请上传图片 |
| article_014 | 发表文章失败（封面三图无图片） | 发表文章 | p1 | 1、登录成功 2、打开上传文章页面 3、素材库中有3张图（001.jpeg\002.jpeg\003.jpeg） | 1、填写文章标题 2、填写文章内容 3、选择频道 4、选择封面 5、点击发表 | 1、文章标题：！@#￥% 2、文章内容：你好 3、封面（三图不选择图片） 4、频道： | 发布文章失败。提示：请上传图片 |
| article_015 | 显示和功能正常（用谷歌浏览器打开） | 发表文章 | p2 | 1、打开最新版本的谷歌浏览器 2、使用谷歌打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_016 | 显示和功能正常（用IE浏览器打开） | 发表文章 | p2 | 1、打开最新版本的IE浏览器 2、使用IE打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_017 | 显示和功能正常（用Ege浏览器打开） | 发表文章 | p2 | 1、打开最新版本的Ege浏览器 2、使用Ege打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_018 | 显示和功能正常（用欧朋浏览器打开） | 发表文章 | p2 | 1、打开最新版本的欧朋浏览器 2、使用欧朋打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_019 | 显示和功能正常（用苹果浏览器打开） | 发表文章 | p2 | 1、打开最新版本的苹果浏览器 2、使用苹果打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_020 | 显示和功能正常（用火狐浏览器打开） | 发表文章 | p2 | 1、打开最新版本的火狐浏览器 2、使用火狐打开发表文章界面 | 1、查看发表文章界面是否正常显示 2、查看发表文章界面是否能正常上传 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 1、显示成功 2、可以正常上传 |
| article_021 | 布局和UI显示一致 | 发表文章 | p3 | 1、打开发表文章页面 2、打开UI设计页面 | 查看发表文章界面是否和UI设计显示一致 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 布局和UI显示一致 |
| article_022 | 文字和数据与UI设计一致 | 发表文章 | p3 | 1、打开发表文章页面 2、打开UI设计页面 | 查看文字和数据是否与UI设计一致 | 1、显示与UI 2、文章标题：！@#￥% 3、文章内容：你好 4、封面（单图1.jepg） 5、频道：数据库 | 文字和数据与UI设计一致，无错别字 |
| article_023 | 素材库能成功显示（显示） | 上传图片 | p0 | 1、打开上传图片，素材库中有图片(001.jpeg) | 1、检查全部和收藏 2、判断图片显示是否和原型一致 3、全部和收藏是否成功显示所有图片，并能进行分页显示 | 所有数据为正确数据 | 1、显示全部和收藏，默认显示全部 2、图片显示和原型一致（显示2行，每行5张图片） 3、全部和收藏显示所有图片，超出10张，分页显示 |
| article_024 | 素材库图片能正常选择（001.jpeg） | 上传图片 | p0 | 1、打开上传图片，素材库中有图片(001.jpeg) | 1、点击选择封面中图片 2、点击素材库中的一张图片进行选择 | 选择图片001.JPEG | 1、所选图片有绿色对勾 2、可查看所选图片 |
| article_025 | 素材库分页能正常显示 | 上传图片 | p0 | 1、打开上传图片界面 2、收藏与全部已存在各（12张图） | 点击全部中的分页 | 分页：2页 | 可以显示出全部中第二页的所有图片 |
| article_026 | 从本地上传单图上传成功（001.jpeg） | 上传图片 | p0 | 1、打开上传图片界面 2、本地中有图片001.JPEG | 1、点击上传图片 2、选择本地图片 3、点击上传 4、点击确定 | 图片：001.JPEG | 1、选择完图片后可以显示出文件名称 2、可以在素材库中成功显示出来所选图片 |
| article_027 | 从本地上传多图上传成功（001.jpeg、002.jpg、003.png） | 上传图片 | p0 | 1、打开上传图片界面 2、本地中有图片001.jpeg、002.jpg、003.png | 1、点击上传图片 2、选择本地图片 3、点击上传 4、点击确定 | 图片：001.jpeg、002.jpg、003.png | 1、选择完图片后可以显示出文件名称 2、可以在素材库中成功显示出来所选图片 |
| article_028 | 从本地上传图片上传失败（图片为空） | 上传图片 | p1 | 打开上传图片界面 | 点击上传图片 | 图片：空 | 图片上传失败，提示：所选图片不能为空 |
| article_029 | 从本地上传图片上传失败（图片大于3M） | 上传图片 | p1 | 1、打开上传图片界面 2、本地中有图片006.JPEG | 1、点击上传图片 2、选择本地图片 3、点击上传 4、点击确定 | 图片：006.JPEG | 图片上传失败，提示：所选图片大小不能超过3M |
基础软件测试内容基本告一段落，这篇文章就先更新到这里，接下来的内容可查看我的下一篇博客，感谢观看，希望对你有帮助。