【Day13】在Ezyme上装上相对应版本的适配器(Adapter)吧´・ᴗ・`

前面我们有大概提到Enzyme的优点及作用~

这篇我们要直接来安装Enzyme和导入Enzyme来供我们後续的测试作使用!

由於Enzyme 不会在建立专案的时候产生,所以必须另外安装。

总共需要安装三个packages

  • enzyme本身
  • jest-enzyme =>用来帮助enzyme和jest沟通的套件
  • enzyme-adapter-react => 在React上使用enzyme的适配器

首先! 先执行以下指令来安装上述三个套件吧~

npm install --save-dev enzyme jest-enzyme enzyme-adapter-react-16/@wojtekmaj/enzyme-adapter-react-17

安装完毕以後,开启App.test.js,我们要试着导入Enzyme和适配器,
并建立一个适配器给Enzyme使用

  • import Enzyme 及 刚刚所安装的非官方适配器

    import Enzyme from 'enzyme';
    import EnzymeAdapter from '@wojtekmaj/enzyme-adapter-react-17';
    
  • 建立一个新的Enzyme适配器

    Enzyme.configure({adapter:new EnzymeAdapter()});
    

这一篇,稍微简略一点点,只有安装跟导入的部分,

其实对小菜鸟来说 Enzyme的定位就是 Test 里面的 jquery的概念,

大概是 js <-> jquery

然後 Jest <-> Enzyme

下一篇我们要来用我们导入的东西来写一个小小小测试。

一切到这边都还算....容易理解吧!? 希望是这样啦~(//●⁰౪⁰●)//


<<:  [Day-13] R语言 - GMM高斯混和模型 实作-上 ( GMM in R.Studio )

>>:  Day07 永丰金API 基础流程 -- 整理

[教学] 如何使用Visual Studio 内建SQL工具修复资料库

大家好,我是一名菜鸟工程师,这篇文章用来记录我工作遇到的需求及解决方式,如果有更好的解决方式,也欢迎...

【C#】Structural Patterns Flyweight Mode

The Flyweight design pattern uses sharing to suppo...

第 50 天 - 学习 crontab 工作排程 - 解决遇到的菜鸟问题

遇到问题 : 想要测试 1 分钟创建一个档案,但一直没有效果 crontab -e */1 * * ...

[Day15] Vite 出小蜜蜂~随机射击 Randomly Shoot!

Day15 在 Space Invaders 的游戏设计中, 除了随着不断前进而产生的压迫感之外, ...

Day 11 漏洞分析 - Vulnerability Analysis (nikto)

经过连续十天的收集情报,体验了各式工具,可以发现前面介绍的大部分工具都是单纯的收集情报,少部分则可以...