avatar

【對Vue寫一個小測試吧】-前言

img

結果還是遇到測試了

會出現這系列文是因為要對 Vue 寫測試,所以技能樹才強迫升級的啦~

我主管希望我在接手公司產品時,做 TDD 的測試驅動開發流程,也就是說會需要寫測試…恕不知當初從 好想工作室 離開時我完全沒學怎麼寫測試,當初覺得不是當下必須所以跳過了,果然學長姐說的都是對的啊!該來的總是會找上門來~錯過的躲也躲不掉…嗚嗚嗚

因為公司本身是用 VueJS 的框架作開發,所以我在稍微對原生 JS 寫測試有一點概念之後,便逐漸開始研究怎麼對 Vue 寫測試,沒想到網路上一堆看不懂的關鍵字啊~ vue-test-utils、vue-cli、vuex、vue-loader…倒底哪些是學習路上的必須知識,哪些又只是便利性的套件我根本分不出來,該怎麼知道『完成對 vue 寫 Jest』的最短路徑真是搞得我頭大

所以這系列文會以我的視角述說,我怎麼寫出一個最簡單的 vue Jest 測試,一步一步的完成這件事的過程與套件的使用,每一個東西為何需要他,他又幫我們做了什麼事,都會簡單的描述一下,如果有更多不懂就請再自行 google 吧~或是期待我之後踩雷(拜託不要)又再 po 文深入研究吧~

關鍵字

在開始之前,這過程會用到的幾個關鍵字如下:

npm
WebPack
VueJS
vue-cli
vue-loader
vue-SPA
Jest
vue-jest

可以先稍微讀過相關的東西,至少至少要對 npm, WebPack, VueJS, Jest 有一點基礎的觀念喔!
沒有其他的問題的話,我們就要開始了喔~


評論