【Day16】单元测试不用每次都写一样的东西吧!? 把常用的function写成共用的吧୧☉□☉୨!

首先!! 我们先来建立渲染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 )-上

Python 演算法 Day 2 - 理论基础 线性代数

Chap.I 理论基础 Part 1:线性代数 1. Getting Started with Eq...

Day5:今天我们来介绍一下Microsoft Defender for Endpoint

适用於端点的Microsoft Defender 是一个平台,其设计诉求是要协助 企业网路预防、侦测...

Angular Stock实作流程说明(Day20)

介绍完视觉化套件之後,我们就要开始进入实作了,要在十天内做完一个简易登入+资料视觉化呈现对Angul...

[Day 24] 几个Json的测试方式

Laravel另外还提供了许多的测试方法, 测试多个使用者 我们今天可能从API取得了多个使用者的资...

stack heap内存、预编译、作用域链 - 概念介绍

预编译发生在何时? 执行全域前一刻,做全域的预编译;执行function前一刻,做function的...