พอดีต้องพัฒนาระบบด้วย JavaScript ซึ่งต้องนำ Webpack มาใช้ด้วย
สิ่งแรกที่ต้องการคือ การเขียน unit test
เมื่อไปค้นหาก็เจอบทความเกี่ยวกับ Mocha + Webpack เยอะเลย
ส่วน assertion ก็นำ chai มาช่วยนิดหน่อย
มาเริ่มกันเลย
เริ่มจากความต้องการสำหรับการทดสอบ
- ทำการสร้างได้อย่างง่าย
- ทำการทดสอบได้อย่างรวดเร็ว
- ทำงานใน terminal
- ทำการบันทึกชุดการทดสอบแล้ว ให้ทำการทดสอบเองทันที
จากนั้นลองมือสร้างกันดีกว่า
ขั้นตอนที่ 1 ทุก ๆ test case จะอยู่ใน directory ชื่อว่า tests
สามารถเขียน code ง่าย ๆ ได้ดังนี้
อยู่ในไฟล์ all-tests.js
ขั้นตอนที่ 2 สิ่งที่ต้องการคือ ทำการทดสอบหลังจากที่ build webpack เสร็จ
ดังนั้นสิ่งที่ต้องการใช้คือ webpack-shell-plugin
ให้ทำการติดตั้งผ่าน npm ซะ
จากนั้นทำการ configuration ในไฟล์ชื่อว่า webpack-test.config.js ดังนี้
ขั้นตอนที่ 3 ทดสอบการใช้งาน
สามารถ run ด้วยคำสั่ง
$webpack -w --config webpack-test.config.js
หรือ
$npm test
จะแสดงผลการทำงานดังนี้
ขั้นตอนที่ 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
