xinghuowuzhao的博客

前言在项目中，各种资料查了好多，搞了3天，最终解决了，记录一些踩过的坑，希望对后来人有所启发。（一）正确配置1、jest.config.jsmodule.exports = { preset: '@vue/cli-plugin-unit-jest', transform: { ".*\\.(vue)$": "<rootDir>/node_modules/vue-jest" },}2、babel.config.jsmodule.exports

PostCSS 8前言安装过程，太坑了各种报错，记录分享给大家~有一部分报错没记录，遇到问题可以私信我。安装教程挺多的，但好使的没那么多。先要注意当前的vue版本，如果你的是Vue2，那么安装的对应的库是不一样的1、请安装对应Vue版本的Vue-Test-Utils具体见Vue网API Reference | Vue Test Utils for Vue 3 (2.0.0-rc.14)2、Cannot find module 'babel-jest'安装b

写在前面的话Storybook打动我的有两点1、前端测试可以做到视觉回溯——对比前后UI页面的对比了；2、组件可以有其他人（QA，UI工程师，部门leader来定义）具体步骤按照官方文档来，很详细了官方链接https://storybook.js.org/tutorials/intro-to-storybook/react/zh-CN/get-started/1、视觉回溯效果截图2、（非前端）支持调试组件样式适用范围React，Vue，A..

写在前面的话已知的最强组合是Jest+StorybookJest安装命令可参考官网具体的框架执行命令https://jestjs.io/zh-Hans/在执行测试断言函数时的命令xwwxyarn jest:test --coverage参考链接https://jestjs.io/zh-Hans/https://jestjs.io/zh-Hans/docs/getting-startedhttps://tuture.co/2020/0...

写在前面的话前端也要搞测试了总结了下相关的概念1、什么是E2E测试？模拟用户操作“End to End”的缩写，可以翻译成“端到端”测试。它模仿用户，从某个入口开始，逐步执行操作，直到完成某项工作。unit单元测试和e2e端到端测试的区别https://www.jianshu.com/p/ffd6d319f05b2、什么模拟测试模拟后端请求json-server可以直接把一个json文件托管成一个具备全RESTful风格的API,并支持跨域、..

E2E测试E2E(end to end)测试是指端到端测试又叫功能测试，站在用户视角，使用各种功能、各种交互，是用户的真实使用场景的仿真。在产品高速迭代的现在，有个自动化测试，是重构、迭代的重要保障。对web前端来说，主要的测试就是，表单、动画、页面跳转、dom渲染、Ajax等是否按照期望。E2E测试驱动重构重构代码的目的是什么？是为了使代码质量更高、性能更好、可读性和拓展性更强。在重构时如何保证...