เริ่มต้นการเขียน unit test สำหรับ JavaScript ด้วยการติดตั้ง

พอดีต้องพัฒนาระบบด้วย JavaScript ซึ่งต้องนำ Webpack มาใช้ด้วย สิ่งแรกที่ต้องการคือ การเขียน unit test เมื่อไปค้นหาก็เจอบทความเกี่ยวกับ Mocha + Webpack เยอะเลย ส่วน assertion ก็นำ chai มาช่วยนิดหน่อย มาเริ่มกันเลย

เริ่มจากความต้องการสำหรับการทดสอบ

• ทำการสร้างได้อย่างง่าย
• ทำการทดสอบได้อย่างรวดเร็ว
• ทำงานใน terminal
• ทำการบันทึกชุดการทดสอบแล้ว ให้ทำการทดสอบเองทันที

จากนั้นลองมือสร้างกันดีกว่า

ขั้นตอนที่ 1 ทุก ๆ test case จะอยู่ใน directory ชื่อว่า tests

สามารถเขียน code ง่าย ๆ ได้ดังนี้ อยู่ในไฟล์ all-tests.js [gist id="fe66d5bd0f1b9b03fa99dd0a1820bebf" file="all-tests.js"]

ขั้นตอนที่ 2 สิ่งที่ต้องการคือ ทำการทดสอบหลังจากที่ build webpack เสร็จ

ดังนั้นสิ่งที่ต้องการใช้คือ webpack-shell-plugin ให้ทำการติดตั้งผ่าน npm ซะ จากนั้นทำการ configuration ในไฟล์ชื่อว่า webpack-test.config.js ดังนี้ [gist id="fe66d5bd0f1b9b03fa99dd0a1820bebf" file="webpack-test.config.js"]

ขั้นตอนที่ 3 ทดสอบการใช้งาน

สามารถ run ด้วยคำสั่ง [code] $webpack -w --config webpack-test.config.js [/code] หรือ [code] $npm test [/code] จะแสดงผลการทำงานดังนี้

ขั้นตอนที่ 4 ลองเพิ่มชุดการทดสอบและบันทึกซะ

ระบบจะทำการ build และ ทดสอบให้แบบอัตโนมัติดังรูป

เพียงเท่านี้น่าจะทำให้การเขียน unit test เป็นเรื่องที่สนุกมากยิ่งขึ้น Let’s coding with tests

ตัวอย่างของ project อยู่ที่ Github::Up1::Unit test with JavaScript Reference Websites https://dzone.com/articles/unit-testing-with-webpack-amp-mocha