1.课程搜索集成测试


在测试前,需要了解课程搜索测试的功能需求。

1.1 课程搜索主要需求


在用户进入门户页面中,通过课程搜索页面来搜索相关的课程信息。
课程搜索有以下内容:
1.分页数据查询
2.根据关键字进行查询
3.根据课程分类和课程等级条件查询
4.根据关键字进行查询后的内容要高亮显示

1.2 前期准备


搭建好后依次将 后端工程 和 前端工程 进行启动。
● 后端启动项目
1.注册中心 Nacos
2.微服务网关(xc-gateway-server)—端口为:63010
3.系统管理微服务(xc-system-service)—端口为:63110
4.课程搜索微服务(farming-master)—端口为:63080
● 前端静态资源
需要通过 Nginx 的虚拟主机来对静态页面目录的资源进行 Http 访问,后面我们需要单独搭建。
● 其他依赖环境(在后端项目启动前进行启动)
1.Mysql 数据库—端口为:3306
2.配置中心 —端口为:8848
3.ElasticSearch 服务—端口:9200
4.logstash (可选择启动)
5.Nginx

1.3 前端环境搭建


在前端的学成门户页面构建前,我们需要将门户相关的页面放到纯英文的目录中,并只用 Nginx 来进行代理,这样我们就可以通过浏览器来进行访问。

1.3.1 前端目录页面


将今天下发资料中的门户页面解压到纯英文的目录中,如下:

03-集成测试-课程搜索 - 图1

1.3.2 Nginx 虚拟主机配置


我们需要通过虚拟主机来对目录中的静态资源提供 Http 的访问,如下示意图:

03-集成测试-课程搜索 - 图2

1.3.2.1 配置门户虚拟主机
在 Nginx 配置文件中添加对本地静态文件的虚拟主机配置信息,如下:

  1. #学成门户虚拟主机
  2. server {
  3. listen 80;
  4. server_name www.xuecheng.com;
  5. # 配置门户的虚拟主机目录地址
  6. location / {
  7. alias 自己本地的文件配置,如:H:/teaching/front_code/portal/;
  8. }
  9. }

**1.3.2.2 配置对后端微服务的访问代理
在门户静态页面中,会对后端微服务进行访问。我们需要通过 Nginx 来配置后端网关的服务地址,由网关转发到各个微服务中,在学成门户虚拟主机中添加配置,如下:

  1. #学成门户虚拟主机
  2. server {
  3. listen 80;
  4. server_name www.xuecheng.com;
  5. # 配置门户的虚拟主机目录地址
  6. location / {
  7. alias H:/teaching/front_code/portal/;
  8. }
  9. #配置学成网关服务(服务反向代理)
  10. #http://www.xuecheng.com/api/ --> http://127.0.0.1:63010/
  11. location /api/ {
  12. proxy_pass http://127.0.0.1:63010/; #后端微服务网关地址
  13. }
  14. }

**1.3.2.3 访问测试
将上面的 Nginx 环境配置完后,启动 Nginx 进行测试访问
1.测试课程详情页的访问
访问路径:http://www.xuecheng.com/pages/learing-article-comment.html
2.测试门户静态页的访问
访问路径:www.xuecheng.com/pages/learing-index.html
3.测试网关访问
访问路径:http://www.xuecheng.com/api/system/dictionary/all

1.3 功能集成测试-课程信息查询


下面对媒资信息的查询功能进行测试,功能如下:
1.分页数据查询
2.根据关键字进行查询
3.根据课程分类和课程等级条件查询
4.根据关键字进行查询后的内容要高亮显示


1.3.1 分页数据查询


1.测试接口列表

2.前端测试
测试页面路径:http://www.xuecheng.com/pages/learing-list.html
分页查询


1.3.2 根据关键字进行查询


1.测试接口列表

2.前端测试
测试页面路径:http://www.xuecheng.com/pages/learing-list.html
关键字查询


1.3.3 根据课程分类和课程等级条件查询


1.测试接口列表

2.前端测试
测试页面路径:http://www.xuecheng.com/pages/learing-list.html
课程分类和课程等级查询


1.3.4 根据关键字进行查询后的内容要高亮显示


1.测试接口列表

2.前端测试
测试页面路径:http://www.xuecheng.com/pages/learing-list.html
高亮显示查询

03-集成测试-课程搜索 - 图3
03-集成测试-课程搜索 - 图4

03-集成测试-课程搜索 - 图5
03-集成测试-课程搜索 - 图6

03-集成测试-课程搜索 - 图7
03-集成测试-课程搜索 - 图8

03-集成测试-课程搜索 - 图9
03-集成测试-课程搜索 - 图10