一、背景作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。「文章大纲」： 调试本身可以分为两个过程，「定位问题」 和 「解决问题」。而更重要的显然是如何快速的定位问题。本文将集中讨论如何 「快速发现」 并 「调试问题」，至于如何解决问题，那就是开发本身的事情，无法一概而论
jest.config.js说明 // "jest": "^26.6.3"var pkgJson = { "jest":{ "verbose": true, // 层次显示测试套件中每个测试的结果。 "bail": false, //是否显示日志信息 "testEnvironment": "node",//测试环境 "testRegex": "(/__tests__/.*|\\\\.(test|spec))\\\\.(ts|tsx|js)$"
原创
2022-03-29 16:41:57
356阅读
jest.config.js说明 // "jest": "^26.6.3"var pkgJson = { "jest":{ "verbose": true, // 层次显示测试套件中每个测试的结果。 "bail": false, //是否显示日志信息
原创
2021-04-15 12:21:06
445阅读
Performance Tuning特指计算机系统的性能优化工作。它通常是根据某个现实或潜在的性能问题而发起的。绝大部分系统都会因为负载的升高而导致性能下降，一个系统对于负载的可承受能力称为可扩展性(scalability)，调整系统使其可以承受更大的负载就是performance tuning代名词.系统性的调优工作可以遵循以下步骤：Assess the problem and establis
Jest 是一种流行的 JavaScript 测试框架，它具有易用性和高效性。Jest 支持测试各种 JavaScript 应用程序，包括 React、Vue、Node.js 等。在本文中，我们将介绍如何使用 Jest 进行单元测试。## 1. 安装 Jest首先，我们需要在项目中安装 Jest。可以使用 npm 或 yarn 安装 Jest：```
npm install --save-dev
转载
2024-03-27 09:59:05
110阅读
文章目录前言1、项目环境搭建初始化仓库安装ts环境安装jest环境2、初始化项目文件夹3.断点测试 前言今天开始！！！学习vue源码，那么要学习源码前首先要了解Jest。官网自带中文非常友好！1、项目环境搭建初始化仓库执行命令yarn项目初始化安装yarn init -y这样项目中就出现一个package.json文件安装ts环境vue源码的环境集成了TypeScript，所以我们也要把Type
转载
2024-04-09 14:05:02
55阅读
https://jestjs.io/docs/configuration#displayname-string-object jest.config.js: const config = { displayName: { name: '单元测试', color: 'blue' } } module.
原创
2024-04-29 10:18:24
15阅读
jest添加配置文件
原创
2022-09-03 02:06:05
60阅读
# vue3项目如何配置ESLint和prettier## 配置eslint安装`eslint````js
npm add eslint -D
```
安装完成后进行项目初始化
```js
npm init @eslint/config
```
然后根据提示选择对应的选项，作者个人选择如下：
```shell
? How would you like to use ESLint? ...
To c
Let's learn how to unit test your JavaScript with Jest, a JavaScript unit testing framework from Facebook. We'll install and optimize Jest for this pr
转载
2016-09-03 04:36:00
134阅读
2评论
前端测试-基础学习单元测试 Unit Test你的开发代码编写测试用例集成测试 Integrate Test端到端测试 E2E Test方便的库 单元测试 Unit Test单元测试主要通过模拟输入来确认一个函数或者类的输出值是否符合要求，非常适合测试底层方法是否兼顾灵活、可靠和错误处理，无论是前端还是后端都非常常见，线上算法试题网站里也使用了这种测试方式去验证用户的输入是否满足算法要求。 由于
转载
2024-05-11 20:07:00
59阅读
项目简介这是一个简单的vue2 和 typescript 的后台管理模板。在使用Vue 的过程中，许多的同学和我一样希望有一个简单一点的模板，不需要太多的内容，懒得去删除那些不符合我们业务逻辑的部分。由于本人业务需求需要兼容ie10（该项目已经完成了ie10的兼容），所以使用vue2和ts 来构建一个管理后台的框架，里面只有一个登录和主页，主页实现了菜单的跳转，面包屑等，和一些基本的功能。 项目地
beforeEach(() => { // 每次重新shallow组件，保证组件中的state是初始值, 并且比如有unmount，单测的书写顺序不受影响； c= shallow(<View />) }) afterEach(() => { c.unmount(); // 清空所以的mock，比如在 ...
转载
2021-10-14 10:54:00
193阅读
2评论
react 单元测试 (jest+enzyme) 为什么要做单元测试 作为一个前端工程师，我是很想去谢单元测试的，因为每天的需求很多，还要去编写测试代码，感觉时间都不够用了。 不过最近开发了一个比较复杂的项目，让我感觉一旦项目大了、复杂了，而且还是多人维护一个应用，编写测试代码， 还是很有必要的。毕竟这样做完之后，后边的维护会轻松很多。 单元测试 测试代码的最小单元
老大让弄jest，之前了解过但没写过，今天趁有机会实操一下，顺便写个笔记后面好复习。 基础开始啥是前端测试？自己写代码去测自己代码，自动化去测，不用花费大量时间去自己手测。测试分类前端开发最常见的测试主要是以下几种： • 单元测试：验证独立的单元是否正常工作 • 集成测试：验证多个单元协同工作 • 端到端测试：从用户角度以机器的方式在真实浏览器环境验证应用交互 • 快照测试：验证程序的 UI 变化
转载
2024-04-15 11:32:46
65阅读
一 前端自动化测试产生的背景及原理在没有前端自动化测试的时候，一般是项目使用过程中发现问题。前端自动化测试：是写了一段测试的js代码，通过测试的js代码，去运行项目（含有需要测试的代码），查看预期值跟结果的值，是否相等，相等则正确，否则有误。 简单的理解就是 一段额外的测试代码就可以在上线之前对它进行测试，而这些测试不是人肉的去点击，而是通过已经写好的代码去运行的，
转载
2024-05-28 09:29:53
78阅读
概述Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，
转载
2024-04-09 11:40:51
40阅读
全局变量 { "jest": { "globals": { "a": "1" } } } ...
转载
2021-09-02 16:04:00
215阅读
2评论
Jest如何有序地执行测试，Jest如何按照数字顺序执行
项目场景：node环境下编写js库，处于规范性考虑，需要做单元测试，我选择了Jest问题描述 我的js库需要访问数据库，因此操作都是异步的，而且各个测试单元有严格的先后执行顺序（比如，建表 > 插 > 改
转载
2024-03-18 17:54:14
36阅读
导语我这边尽量一步一步介绍jest 介绍jest 是一个 javaScript 测试框架, 目的在确保任何 javaScript 代码的正确性。 大概有下面这些特性零配置 — jest 的目标是在大部分 javaScript 项目上实现开箱即用, 无需配置快照 — 能够追踪大型对象的测试隔离 — 测试程序拥有自己独立的进程,以最大限度地提高性能简易的api创建一个vue 测试项目我们这边使用 vu
转载
2024-04-14 22:15:21
37阅读
