首先!! 我们先来建立渲染Component的function (这边用的会是es6的箭头函式)
const setup=()=>shallow(<App/>);
这样一来我们就可以在每个单元测试里面去呼叫这个function来建立我们的wrapper了
由於我们在写测试的时候,基本上都会去找某个节点来作动作,
所以我们可以将找节点这个动作写成共用的funtion
const findByTestAttribute=(wrapper,value)=>wrapper.find(`[data-test='${value}']`);
第一个参数传入的是我们渲染出来的Component wrapper,
第二个参数是我们要找的节点data-test属性的值
(後面会有单独一篇说明这个data-test到底是什麽东西~)
找节点的function写完後,就不用每次都要写用find去找了,
只要把我们的Wrapper跟data-test属性的值传进去function就好了~
这边是小菜鸟想到常用的function把它们写成共用的,
下一篇我们会来说明这个data-test属性是什麽,及我们要怎麽来设置这个属性的值,
再来就是从我们渲染出来的Component上取得节点啦~
<<: .NET Core第14天_检视模型ViewModel_Controller跟View双向资料传递方式
>>: Day.8 备份还原 - 备份资料 (MYSQL binlog )-上
Chap.I 理论基础 Part 1:线性代数 1. Getting Started with Eq...
适用於端点的Microsoft Defender 是一个平台,其设计诉求是要协助 企业网路预防、侦测...
介绍完视觉化套件之後,我们就要开始进入实作了,要在十天内做完一个简易登入+资料视觉化呈现对Angul...
Laravel另外还提供了许多的测试方法, 测试多个使用者 我们今天可能从API取得了多个使用者的资...
预编译发生在何时? 执行全域前一刻,做全域的预编译;执行function前一刻,做function的...