摘要：
在现代前端开发中，组件是一个重要的模块，一个组件拥有完整的功能，能够对我们的代码进行最大程度的复用。 因此在进行单元测试的时候，往往也需要对重要的组件进行测试。 这一节课我们先聚焦在 React 上面，看一下 React 的组件如何进行测试。 Testing library 这是专门用来做测试的一个 阅读全文
posted @ 2025-01-28 12:46
Zhentiw
阅读(143)
评论(0)
推荐(0)
摘要：
这一小节，我们来做一个综合的练习，该练习会整合： typescript webpack jest 准备工作 首先创建项目目录，通过 npm init -y 进行初始化。 整个项目我们打算使用 typescript 进行开发，因此需要安装 typescript npm i typescript -D 阅读全文
posted @ 2025-01-27 20:59
Zhentiw
阅读(39)
评论(0)
推荐(0)
摘要：
我们知道，在 ES6 中所提供的 class 本质上是一个语法糖，背后实际上是一个构造函数，因此在对类进行测试的时候，也可以使用 jest.mock 或者 jest.spyOn 来进行模拟测试。 经常我们会遇到这种情况：在测试一个模块的时候，这个模块依赖了其他的类，那么这个时候为了屏蔽其影响，我们需 阅读全文
posted @ 2025-01-27 20:34
Zhentiw
阅读(23)
评论(0)
推荐(0)
摘要：
这一小节我们的目标是学习 Jest 针对在浏览器环境下面的代码，特别是使用到了浏览器 Api 的代码，如何进行测试。 示例一 示例一：有一个输入框，用户在输入框中输入内容，该内容会被存储到 localstorage 里面。localstorage 就是浏览器环境下面特有的 Api <body> <p 阅读全文
posted @ 2025-01-26 11:23
Zhentiw
阅读(68)
评论(0)
推荐(0)
摘要：
预处理器介绍 预处理器基本介绍 Sass 快速入门 预处理器基本介绍 平时在工作的时候，经常会面临这样的情况：需要书写很多的样式代码，特别是面对比较大的项目的时候，代码量会急剧提升，普通的CSS书写方式不方便维护以及扩展还有复用。 通过 CSS 预处理技术就可以解决上述的问题。基于预处理技术的语言， 阅读全文
posted @ 2025-01-25 19:09
Zhentiw
阅读(48)
评论(0)
推荐(0)
摘要：
整合 TypeScript 准备工作 首先我们需要有一个基于 ts 的项目。 第一步通过 npm init -y 初始化项目 接下来通过： npm install typescript 局部安装 typescript。 之后还需要生成 typescript 的配置文件，通过命令： npx tsc - 阅读全文
posted @ 2025-01-25 18:45
Zhentiw
阅读(49)
评论(0)
推荐(0)
摘要：
模拟函数 在 Jest 中提供了一个全局对象名为 jest，这个对象上面有非常多的方法，有关该对象的方法，可以参阅文档： https://jestjs.io/docs/jest-object jest 对象上面的方法大致分为四类： 模拟模块 模拟函数 模拟计时器 其他方法 通过 jest.fn 方法 阅读全文
posted @ 2025-01-24 16:51
Zhentiw
阅读(42)
评论(0)
推荐(0)
摘要：
自定义插件 要自定义 babel 的插件，实际上有一个固定的格式： module.exports = function(babel){ // 该函数会自动传入 babel 对象 // types 也是一个对象，该对象上面有很多的方法，方便我们对 AST 的节点进行操作 const { types } 阅读全文
posted @ 2025-01-23 16:43
Zhentiw
阅读(20)
评论(0)
推荐(0)
摘要：
前端自动化测试 这一小节主要会介绍： 单元测试对于我们前端的重要性 软件开发模型与自动化测试 前端测试框架 单元测试 不同的测试这里会形成一个测试金字塔： 一般来讲，软件开发中单元测试是做的最多的。 从测试金字塔的角度来看，越往上测试的成本是逐渐增加的，因为越到后期才抛出的 Bug，程序员要修复这个 阅读全文
posted @ 2025-01-22 20:40
Zhentiw
阅读(31)
评论(0)
推荐(0)
摘要：
测试基本认知 这节课我们会从以下几个点来介绍和测试相关的基本知识： 为什么需要测试 ？ 有哪些测试 ？ TDD和BDD项目驱动模式 为什么需要测试 测试保证了软件的质量和可靠性，确保我们的软件是按照预期的功能进行的。 发现和修复权限 通过测试，我们可以提前发现一些功能不完整、性能低下、有安全漏洞的地 阅读全文
posted @ 2025-01-22 20:39
Zhentiw
阅读(38)
评论(0)
推荐(0)
浙公网安备 33010602011771号