iT邦幫忙

2023 iThome 鐵人賽

DAY 30
0
Modern Web

React進階班,用typescript與jest製作自己的custom hooks庫系列 第 30

[Day 30] 懶得每次都npm test,用Husky幫忙吧 && 結語

  • 分享至 

  • xImage
  •  

我們之前每次要測試時,都要terminal打npm test,這樣很麻煩誒,那我們有沒有更好的辦法呢,答案就是用Husky來幫我們拉

Husky 是一個在 JavaScript 和 Node.js 項目中非常受歡迎的工具,它可以輕鬆地設置 Git hooks,從而使開發者能夠在像 pre-commitpre-push 這樣的 Git 事件上執行命令,例如運行測試、linters 或其他任何腳本

使用方法

首先安裝husky套件

npm install husky --save-dev

設置 husky

從 v6 開始,husky 的設置方法有所不同。我們會使用最新的設置方式:

首先,設置 husky:

npx husky-init && npm install

配置 pre-commit hook

要讓 pre-commit hook 在提交之前運行測試,你可以修改 .husky/pre-commit 文件,讓它看起來像這樣,但是正常husky-init就會幫你自己設置了:

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npm test

這樣,每當您嘗試進行提交時,husky 就會執行 npm test。如果測試失敗,commit 就會被阻止。

這樣就完成了~

結語:

感覺第一次參賽,事情都有點趕,一開始應該儲備好十篇再開始的,每天上班完寫一篇好像有點太趕,很多東西也不知道要不要更詳細,有很多想講但又怕寫太多難以閱讀,太少又怕看不懂,也不知道要寫到多詳細,從第一天修正到最後一天,還是不太確定怎麼樣的量比較好,下次如果還有參賽應該會主要注意這點,但這次是一個滿有趣的體驗,希望可以幫助到想要了解custom hook測試的人,測試與一般寫程式一樣,多練習就會越寫越順,謝謝大家


上一篇
[Day 29] 實戰useIntersection測試
系列文
React進階班,用typescript與jest製作自己的custom hooks庫30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言