Linux下Vue項目搭建karma測試框架

前提：vue項目已建立，node.js、npm已安裝

一、全局安裝karma腳手架 karma-cli  【貌似能夠不安裝】

#npm i -g karma-cli

二、轉到Vue項目目錄，項目下安裝karam包

#npm i --save-dev karma

好像npm i --save-dev karma安裝失敗了，運行一半卡死了，而後我又用了3的命令

三、install karma

#npm install karma --save-dev

 

四、查看karma安裝狀況

#karma --version

 

五、建立測試框架，自動生成 karma.conf.js：

#karma init

根據提示配置如下信息：

• testing framework 測試框架：選用mocha
• 使用Require.js：不使用
• 監控的瀏覽器：選用Chrome、FireFox、IE
• 要測試文件路徑：src/**/*.js    test/**/*.js 【這裏參照的別人的，可是vue應該要包括組件的測試，這纔是最重要的TODO】
• 是否開啓檢測：yes【開啓了檢測，當測試文件修改，會從新進行測試】

 

六、 編寫測試文件【參考的vue官網：https://cn.vuejs.org/v2/guide/unit-testing.html】

•  用VSCode打開vue-project項目

• 在src下編寫一個hello.vue

• 相同目錄下編寫hello.js

 

七、進行測試：

#npm run unit    

 

【這裏的命令可能用的不對，是從package.json查看的命令，先暫時記錄吧】