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