首页 > 其他分享 >前端如何自测

前端如何自测

时间:2025-01-22 13:30:07浏览次数:3  
标签:修改 前端 如何 测试 自测 交互 代码 mock

没有测试,在自测上花的心思、时间精力会更多些。

追求自测尽量 cover 全面,尽量减少 bug,减少在一些时候bug数被作为把柄的可能性。

在很多时候,写前端的端到端测试不可行,成本太高,所以需要策略提高人肉自测的质量。

本地环境自测:

一、从用户交互角度自测(黑盒测试)  

 cover 用户交互的排列组合进行测试 (用户交互复杂的模块,这里也会变多变复杂)

二、从代码角度自测(白盒测试)         

1. 配置的修改:分析影响范围并排查验证

 2. 组件的修改:

          - 自己本身的验证:cover 用户交互的排列组合进行测试

          - 看是否导致其他地方异常:用 go to references 去逐个排查验证

 3. 方法的修改 (与组件的修改类似)

 (2 与 3 时间充足的话可以考虑用上单元测试)

 4. 即便是自己的项目,修改公共的配置或者方法与组件也要很谨慎,之后要仔细分析影响并验证

三、mock 数据问题

若本地环境某个接口实在无法返回类真实的数据(包括一直是 null 或者一直是 0),前端得做 mock 数据,提交的时候得注释掉 mock 相关代码。

自动化提醒检测方案:使用假数据时带上 `mock` 关键词,在 pre-commit 钩子里使用 check-mock 脚本,能在提交代码的时候帮忙把关。

代码实现:使用 check-mock 脚本自动检测提交代码里的 mock 关键词-CSDN博客

部署环境自测:

部署之后将修改的代码影响到的模块进行测试。

不同系统、不同模块本地环境与发布环境的差异点不一样,根据系统情况着重检查。

对于本人目前在做的系统的前端而言,部署环境与本地主要是数据不一样,对于一些图表,本地人肉 mock 的数据,不能保证其在真实数据的情况下展示完全没有问题。

标签:修改,前端,如何,测试,自测,交互,代码,mock
From: https://blog.csdn.net/weixin_44278873/article/details/145296855

相关文章

  • Day22-【英语】短文,从box学习/ɑː/音如何发音?
    十六、/ɑː/音如何发音?口型比中文的“啊”要饱满示例单词:box[bɑːks]和box结构类似的其他单词有哪些?以PETS一级中的单词为例:30个发音字母组合/情况音标单词翻译/ɑː/字母组合“o['enibɑːdi]anybodyprep.(否定、疑问、条件句中)任何人;(肯定句中)随便哪一个人/......
  • 【前端】--- ES6上篇(带你深入了解ES6语法)
    ECMAScript是JavaScript的标准化版本,由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6(ECMAScript2015)是ECMAScript的第六个版本,于2015年发布,它引入了许多重要的新特性,使JavaScript更加现代化。以下是对ES6语法的一些深入解析:一、变......
  • 如何自学成为一名黑客?零基础入门到精通,收藏这篇就够了
    一、网络渗透入门:合法探索的起点网络渗透最初是网络安全领域中重要的技能,旨在评估网络系统的安全性。对于入门者来说:学习基础知识:要从计算机网络的基础架构开始,理解诸如IP地址、子网掩码、路由协议等概念。这些是了解网络如何运作的基石,例如知道不同IP段如何划分和......
  • 想自学成黑客(白帽子),零基础小白如何自学黑客(网络安全)?
    前言:如何系统的自学黑客?最近很多小伙伴和粉丝都想自学成黑客(白帽子),那么零基础小白该从哪里开始学呢?在学习之前,要给自己定一个目标或者思考一下要达到一个什么样的水平,是学完找工作(进大厂)还是兴趣学习(成为一个业余的黑客)。黑客攻防是一个极具魅力的技术领域,但成为一名黑客......
  • 前端如何在 Vite 项目中混淆你的代码,并让小偷怀疑人生?
    https://blog.csdn.net/Hua_Lvguan/article/details/144600807 你有没有遇到过这样的场景?费尽心血写出来的代码,发布到线上后,却被一位好心人Ctrl+C+Ctrl+V直接带走,然后名正言顺地变成了他的“劳动成果”。你气不气?怒不怒?但今天,我要告诉你一个让人直呼“妙啊!”的解决方案,那就......
  • 如何在vscode中对rust程序进行debug?
    UUUUUUUUUUUUUUUUU在VSCode中调试Rust程序,你可以使用CodeLLDB扩展,它与VSCode配合很好,支持Rust项目的调试。以下是一步步的设置和使用说明:步骤1:安装VSCode扩展打开VSCode。打开扩展市场(侧边栏点击扩展图标,或者快捷键Ctrl+Shift+X)。搜索并安装CodeLLDB......
  • nRF21540—低功耗蓝牙,蓝牙mesh、Thread和Zigbee和2.4 GHz私有协议范围扩展射频前端模
    nRF21540是一款射频前端模块(FEM),可用于改善短距离无线产品的传输范围和连接鲁棒性。作为一款辅助性设备,nRF21540是一种“即插即用型”的无线传输范围扩展器,可与nRF52和nRF53系列的高级多协议无线SoC搭配使用,所需的外部器件数量非常少。    nRF21540的+13dBRX增益和低噪声系......
  • 如何迅速并识别处理MDL锁阻塞问题
    摘要:TaurusDB推出MDL锁视图功能,帮助用户迅速识别并处理MDL锁阻塞问题,从而有效减少对业务的负面影响,提升数据库管理效率。本文分享自华为云社区《【华为云MySQL技术专栏】TaurusDBMDL锁视图》,作者:GaussDB数据库。   一、背景数据库中的元数据锁(MDL,M......
  • 如何不借用任何第三方工具让github加速
    如何不借用任何第三方工具让github加速:1.打开地址https://raw.hellogithub.com/hosts找到地址ip映射2.以管理员身份运行cmd执行命令C:\Windows\System32\drivers\etc>notepadhosts编辑ip映射3.将https://raw.hellogithub.com/hosts中的ip映射放入hosts中保存 4.打开https:......
  • IDEA如何快速回到上一次编辑的地方
    前言大家好,我是小徐啊。我们在使用IDEA开发Java应用的时候,经常是需要在不同的代码文件里面来回编辑的,这个是开发的常态。如果小伙伴们不清楚IDEA如何快捷地切换代码文件,就会极大地影响开发效率。今天,小徐就来介绍其中的一种切换方式:回到上一次编辑的地方。如何回到上一次编辑的......