技术分享 | Web测试方法与技术实战演练

简介: 技术分享 | Web测试方法与技术实战演练

实战演练章节需要结合本章节所学知识点,完成对 web 产品的测试用例设计练习。

测试人论坛发帖

技术社区平台,主要为技术人员使用,技术人员作为普通用户可以在社区参与帖子的讨论,也可以发帖提出问题。社区具有分类、搜索、发帖、回帖等功能。

此 web 系统的发帖功能需求为:

前提条件:登录

1、入口:点击导航栏右侧的【+新建话题】,底部弹出创建新话题控件。

2、标题输入框:展示默认文案,点击输入标题内容,也可以粘贴链接。

3、类别下拉列表:默认展示【类别…】,点击展示社区节点,支持搜索。需要选择节点之后,才能输入帖子内容。

4、标签下拉列表:默认展示【可选标签】,点击展示已创建tag,支持搜索或新建 tag。

5、内容输入框:选择节点后,展示默认文案。可以输入帖子内容,支持 MarkDown、BBCode、HTML 等格式的内容,支持拖动或粘贴图片。

6、创建话题按钮:点击按钮,创建话题到对应的社区节点。

7、取消按钮:点击按钮,关闭发帖控件。

8、右侧预览界面:内容输入框输入内容后,展示最终展示的效果预览。

  • 理解需求后,需要完成对此系统搜索功能的测试用例设计
  • 需要考虑测试用例设计全面性(等价类、边界值、场景法、web 产品特性)

后台管理系统

某后台管理系统主要的功能有,商品管理,订单管理和用户管理。主要是商店管理人员使用的系统,管理人员可以通过系统对商品进行添加、修改和删除,帮助用户下单,查看订单,也可以对用户数据进行查看、管理,帮助用户修改个人信息。

现在此系统需要测试下单功能,产品的流程为:

  • 进入产品列表页面,选定产品,点击下单按钮,选择确定。如果产品存货充足,则可以下单成功。
  • 下单成功之后,进入订单记录页面,产生一条订单记录,订单记录可以看到详细的订单信息。
  • 返回产品列表页面,对应的商品的状态发生变化。
  • 理解需求后,需要完成对此系统下单功能的测试用例设计
  • 需要考虑测试用例设计全面性(等价类、边界值、场景法、web 产品特性)更多技术文章
相关文章
|
1月前
|
数据采集 监控 机器人
浅谈网页端IM技术及相关测试方法实践(包括WebSocket性能测试)
最开始转转的客服系统体系如IM、工单以及机器人等都是使用第三方的产品。但第三方产品对于转转的业务,以及客服的效率等都产生了诸多限制,所以我们决定自研替换第三方系统。下面主要分享一下网页端IM技术及相关测试方法,我们先从了解IM系统和WebSocket开始。
57 4
|
2月前
|
安全 测试技术 网络安全
如何在Python Web开发中进行安全测试?
如何在Python Web开发中进行安全测试?
|
2月前
|
安全 关系型数据库 测试技术
学习Python Web开发的安全测试需要具备哪些知识?
学习Python Web开发的安全测试需要具备哪些知识?
41 4
|
1月前
|
Web App开发 IDE JavaScript
Selenium IDE:Web自动化测试的得力助手
Selenium IDE:Web自动化测试的利器。作为开源工具,Selenium IDE支持录制与回放用户操作,适用于Chrome、Firefox等多浏览器,简化了测试流程,提升了效率,降低了自动化测试的门槛。它还支持导出多种编程语言的脚本,便于测试集成与复用。
112 31
Selenium IDE:Web自动化测试的得力助手
|
1月前
|
Web App开发 IDE 测试技术
Selenium:强大的 Web 自动化测试工具
Selenium 是一款强大的 Web 自动化测试工具,包括 Selenium IDE、WebDriver 和 Grid 三大组件,支持多种编程语言和跨平台操作。它能有效提高测试效率,解决跨浏览器兼容性问题,进行性能测试和数据驱动测试,尽管存在学习曲线较陡、不稳定等缺点,但其优势明显,是自动化测试领域的首选工具。
209 17
Selenium:强大的 Web 自动化测试工具
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
55 6
|
2月前
|
机器学习/深度学习 算法 UED
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法
在数据驱动时代,A/B 测试成为评估机器学习项目不同方案效果的重要方法。本文介绍 A/B 测试的基本概念、步骤及其在模型评估、算法改进、特征选择和用户体验优化中的应用,同时提供 Python 实现示例,强调其在确保项目性能和用户体验方面的关键作用。
50 6
|
2月前
|
JavaScript 安全 编译器
TypeScript 与 Jest 测试框架的结合使用,从 TypeScript 的测试需求出发,介绍了 Jest 的特点及其与 TypeScript 结合的优势,详细讲解了基本测试步骤、常见测试场景及异步操作测试方法
本文深入探讨了 TypeScript 与 Jest 测试框架的结合使用,从 TypeScript 的测试需求出发,介绍了 Jest 的特点及其与 TypeScript 结合的优势,详细讲解了基本测试步骤、常见测试场景及异步操作测试方法,并通过实际案例展示了其在项目中的应用效果,旨在提升代码质量和开发效率。
63 6
|
2月前
|
监控 安全 测试技术
如何在实际项目中应用Python Web开发的安全测试知识?
如何在实际项目中应用Python Web开发的安全测试知识?
42 4
|
2月前
|
缓存 安全 前端开发
构建高效Web应用的五大关键技术
【10月更文挑战第42天】在数字化浪潮中,Web应用已成为企业与用户互动的重要桥梁。本文将深入探讨提升Web应用性能和用户体验的五项核心技术,包括前端优化、后端架构设计、数据库管理、安全性增强以及API开发的最佳实践。通过这些技术的应用,开发者可以构建出更快、更稳定且更安全的Web应用,满足现代网络环境的需求。

热门文章

最新文章