百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

还在发愁项目去哪找?软件测试企业级Web自动化测试项目实战

zhezhongyun 2024-12-16 17:34 73 浏览

今天给大家分享一个简单易操作的实战项目(已开源)

项目名称

ET开源商场系统

项目描述

ETshop是一个电子商务B2C电商平台系统,功能强大,安全便捷。适合企业及个人快速构建个性化网上商城。

包含PC+IOS客户端+Adroid客户端+微商城,系统PC+后台是基于ThinkPHP MVC构架开发的跨平台开源软件,设计得非常灵活,具有模块化架构体系和丰富的功能,易于与第三方应用系统无缝集成,在设计上,包含相当全面,以模块化架构体系,让应用组合变得相当灵活,功能也相当丰富。

实现目标

1. 需求分析

2. 挑选适合做自动化测试的功能

3. 设计测试用例

4. 搭建自动化测试环境 [可选]

5. 设计自动化测试项目的架构 [可选]

6. 编写代码

7. 执行测试用例

8. 生成测试报告并分析结果

项目架构


用例设计

掌握如何编写自动化测试用例文档

编写自动化测试用例的原则

自动化测试用例一般只实现核心业务流程或者重复执行率较高的功能。

自动化测试用例的选择一般以“正向”逻辑的验证为主。

不是所有手工用例都可以使用自动化测试来执行。

尽量减少多个用例脚本之间的依赖。

自动化测试用例执行完毕之后,一般需要回归原点。

编写测试用例


项目搭建

1.新建项目

项目名称:webAutoTestETshop

2.创建目录结构


安装 selenium 包

安装 parameterized 包添加 HTMLTestRunner

初始化代码

封装驱动工具类

封装PO基类,定义 BasePage 和 BaseHandle

编写代码

目标

1. 掌握如何采用PO模式的分层思想对页面进行封装

2. 掌握如何使用UnitTest管理项目中的测试用例

抽取PO

根据用例分析待测功能,提取页面对象

1. 定义页面对象文件

登录页:login_page.py首页:index_page.py

后台页面(个人中心页):home_page.py商品搜索页:goods_search_page.py商品详情页:goods_detail_page.py购物车页:cart_page.py

下订单页:order_page.py

订单支付页:order_pay_page.py我的订单页:my_order_page.py

1. 分别编写对象库层、操作层、业务层的代码

2. 编写测试脚本

1. 定义测试脚本文件

登录模块:test_login.py购物车模块:test_cart.py订单模块:test_order.py

3. 执行测试脚本

1. 使用unittest执行测试脚本

2. 调试代码

完善代码

目标

1. 掌握如何把数据驱动应用到项目中

2. 能够把日志收集功能应用到项目中

3. 掌握如何使用UnitTest生成测试报告

数据驱动

定义数据文件

定义存放测试数据的目录,目录名称:data

分模块定义数据文件

登录模块:login.json购物车模块:cart.json订单模块:order.json

1. 根据业务编写用例数据

1.2测试数据参数化

修改测试脚本,使用 parameterized 实现参数化

日志收集

使用logging模块实现日志的收集

import logging.handlers import os


# 工程目录

BASE_DIR = os.path.dirname(os.path.abspath( file ))

def init_log_config(): """

初始化日志配置

"""


# 日志输出格式

fmt = "%(asctime)s %(levelname)s [%(filename)s(%(funcName)s:%(lineno)d)] - %(messag e)s"


# 创建日志器

logger = logging.getLogger() logger.setLevel(logging.INFO)


# 创建格式化器

formatter = logging.Formatter(fmt)


# 输出到控制台

sh = logging.StreamHandler() sh.setFormatter(formatter) logger.addHandler(sh)


# 输出到文件,每日一个文件

log_path = os.path.join(BASE_DIR, "log", "tpshop.log")

fh = logging.handlers.TimedRotatingFileHandler(log_path, when='MIDNIGHT', interval=1

, backupCount=3) fh.setFormatter(formatter) logger.addHandler(fh)

生成测试报告

使用HTMLTestRunner生成测试报告

report_file = "./report/report{}.html".format(time.strftime("%Y%m%d-%H%M%S")) with open(report_file, "wb") as f:

runner = HTMLTestRunner(f, title="ET商城自动化测试报告", description="Win10.Fire

fox")

runner.run(suite)


福利

鉴于篇幅所限,无法把整个项目一一详细阐述,需要这个web自动化测试项目的朋友可以关注并私信我关键词“项目”免费领取

相关推荐

JavaScript做个贪吃蛇小游戏(过关-加速),无需网络直接玩。

JavaScript做个贪吃蛇小游戏(过关-则加速)在浏览器打开文件,无需网络直接玩。<!DOCTYPEhtml><htmllang="en"><...

大模型部署加速方法简单总结(大模型 ai)

以下对大模型部署、压缩、加速的方法做一个简单总结,为后续需要备查。llama.cppGithub:https://github.com/ggerganov/llama.cppLLaMA.cpp项...

安徽医大第一医院应用VitaFlow Liberty(R)Flex为患者焕然一“心”

近日,在安徽医科大学第一附属医院心血管内科负责人暨北京安贞医院安徽医院业务副院长喻荣辉教授的鼎力支持和卓越带领下,凭借着先进的VitaFlowLiberty(R)Flex经导管主动脉瓣可回收可...

300 多行代码搞定微信 8.0 的「炸」「裂」特效!

微信8.0更新的一大特色就是支持动画表情,如果发送的消息只有一个内置的表情图标,这个表情会有一段简单的动画,一些特殊的表情还有全屏特效,例如烟花表情有全屏放烟花的特效,炸弹表情有爆炸动画并且消息和...

让div填充屏幕剩余高度的方法(div填充20px)

技术背景在前端开发中,经常会遇到需要让某个div元素填充屏幕剩余高度的需求,比如创建具有固定头部和底部,中间内容区域自适应填充剩余空间的布局。随着CSS技术的发展,有多种方法可以实现这一需求。实现步骤...

css之div内容居中(css中div怎么居中)

div中的内容居中显示,包括水平和垂直2个方向。<html><head><styletype="text/css">...

使用uniapp开发小程序遇到的一些问题及解决方法

1、swiper组件自定义知识点swiper组件的指示点默认是圆圈,想要自己设置指示点,需要获得当前索引,然后赋给当前索引不同的样式,然后在做个动画就可以了。*关键点用change方法,然后通过e.d...

微信小程序主页面排版(怎样设置小程序的排版)

开发小程序的话首先要了解里面的每个文件的作用小程序没有DOM对象,一切基于组件化小程序的四个重要的文件*.js*.wxml--->view结构---->html*.wxss--...

Vue动态组件的实践与原理探究(vue动态组件component原理)

我司有一个工作台搭建产品,允许通过拖拽小部件的方式来搭建一个工作台页面,平台内置了一些常用小部件,另外也允许自行开发小部件上传使用,本文会从实践的角度来介绍其实现原理。ps.本文项目使用VueCLI...

【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> tabs

目录1->创建Tabs2->设置Tabs方向3->设置样式4->显示页签索引5->场景示例编辑1->创建Tabs在pages/index目录...

CSS:前端必会的flex布局,我把布局代码全部展示出来了

进入我的主页,查看更多CSS的分享!首先呢,先去看文档,了解flex是什么,这里不做赘述。当然,可以看下面的代码示例,辅助你理解。一、row将子元素在水平方向进行布局:1.垂直方向靠顶部,水平方向靠...

【HarmonyOS Next之旅】兼容JS的类Web开发(四) -> swiper

目录1->创建Swiper组件2->添加属性3->设置样式4->绑定事件5->场景示例编辑1->创建Swiper组件在pages/index...

CSS:Flex布局,网页排版神器!(css3 flex布局)

还在为网页排版抓狂?别担心,CSS的flex布局来了,让你轻松玩转各种页面布局,实现网页设计自由!什么是Flex布局?Flex布局,也称为弹性布局,是CSS中的一种强大布局方式,它能够让你...

移动WEB开发之flex布局,附携程网首页案例制作

一、flex布局体验传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局1.1flex弹性布局:操作方便,布局极为简单,移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本,不支持或仅部...

2024最新升级–前端内功修炼 5大主流布局系统进阶(mk分享)

2024最新升级–前端内功修炼5大主流布局系统进阶(mk分享)获课》789it.top/14658/前端布局是网页设计中至关重要的一环,它决定了网页的结构和元素的排列方式。随着前端技术的不断发展,现...