เห็นมีคน share iTAX pro app ที่ Facebook กันเยอะเลย
ใกล้จะสิ้นปีแล้ว เรื่องของภาษีจึงสำคัญมาก ๆ นั่นเอง
โดย app นี้จะเข้ามาช่วยเราวางแผน และ คำนวณการเสียภาษี
รวมทั้งมีข้อมูลต่าง ๆ มากมาย
มีให้ใช้งานทั้ง Android, iOS หรือ ผ่าน web ได้อีกด้วย
ลองนำไปใช้งานดูครับ
แต่เรามา review app นี้ในมุมมองของ developer
เพื่อดูว่า app นี้เป็นอย่างไร ง่ายต่อการทดสอบแบบอัตโนมัติหรือไม่ ?
มาเริ่มกันเลย
สิ่งแรกที่สะดุดตามาก ๆ คือ ชื่อ id หรือ package name ของ app นั่นเอง
ใช้ชื่อว่า com.ld.itax_pro_android
ซึ่งน่าจะผิด naming convention ของการตั้งชื่อไปสักหน่อย
ต่อมาขนาดของ app ประมาณ 13 MB ซึ่งถือว่าไม่ใหญ่
ใช้เวลาในการ download ไม่นาน สบาย ๆ
ส่วนจำนวนของ Activity ไม่เยอะเพียง 6 Activity เท่านั้น
แสดงว่ามีการใช้ Fragment นั่นเอง !!
จากนั้นมาดูกันหน่อยว่า app นี้ใช้ library อะไรกันบ้าง ?
- Dagger
- Retrofit
- OKIO
- Butterknife สำหรับการ binding view ด้วย Annotation
- Bolts
- Icepick สำหรับการจัดการ state ต่าง ๆ ของ Android
- ReLinker สำหรับการ load library ต่าง ๆ
- Fabric ซึ่งหลัก ๆ ใช้ crashlytics
- ใช้ Yahoo Flurry สำหรับเก็บผลเกี่ยวกับ Analytics เอาไว้ดูเรื่อง User eXperience
มาเริ่มใช้งาน app กันดีกว่า
หน้าแรก คือ หน้า Login
แสดงดังรูป
ประกอบไปด้วย
- 43 elements เยอะใช้ได้สำหรับหน้า login
- การตั้งชื่อเป็นแบบ Snake case เช่น custom_edit_text_style_ios_edit_text เป็นต้น แต่มี Camel case ปะปนมา 1 ตัวคือ disableIcon
- รูปแบบของชื่อแต่ละ element คือ name_type อ่านง่ายดีครับ
- แต่ Font ที่ใช้ใน app มันไม่ชัดเลย ถ้าปรับจะแจ่มมาก ๆ
หลังจากทำการ login และ ใส่ข้อมูลเริ่มต้นแล้วจะเข้ามาหน้าหลัก
แสดงดังรูป
ประกอบไปด้วย
- 70 elements
- เป็นหน้าหลักของการวางแผนจ่ายภาษี ประกอบไปด้วย
- income_button คือ รายได้
- deduct_button คือ ลดหย่อน
- planing_button คือ วางแผน
- summary_button คือ สรุป
- การตั้งชื่อของแต่ละ element ยังคงเหมือนเดิม มีผิดนิดหน่อยคือ planing_button น่าจะเป็น planning_button
- ปัญหาหลักที่เจอหน้านี้ คือ เมื่อกดตรงสิทธิ์ลดหย่อนไป และ รูปแถบ progress พบว่า app จะปิดตัวเองบ่อยมาก ๆ
หน้าต่อไปที่ลองทดสอบ คือ หน้ากรอกข้อมูลรายได้ (Income)
แสดงดังรูป
ประกอบไปด้วย
116 elements ที่เยอะเพราะว่า แถบเมนูด้านล่างนั่นเอง
ปัญหาที่พบคือตรง ? มุมขวาบน เมื่อเข้าไปแล้วพบว่า App มัน crash ไปเลย !!
เมื่อกดปุ่มเช็คเงื่อนไขแบบละเอียด
เมื่อไปดูใน log พบว่าปัญหาคือ ActivityNotFoundException
เนื่องจาก app ต้องการใช้ Google Play Service นั่นเอง
แต่ emulator สำหรับการทดสอบไม่ได้ทำการติดตั้ง
รวมทั้งกับ app ไม่ได้ทำการตรวจสอบไว้เช่นกัน
แสดงดังรูป
จากนั้นทำการกรอกข้อมูลรายได้ที่มาจากเงินเดือน
ประกอบไปด้วย
- 74 elements
- โดยชื่อของ element เงินเดือนชื่อว่า income_salary_salary ซึ่งน่าจะเป็น income_from_salary
- โดยชื่อของ element ค่าจ้างทั่วไปชื่อว่า income_salary_freelance ซึ่งน่าจะเป็น income_from_freelance
- ในการกรอกข้อมูลรายได้นั้น จะทำการ custom keyboard ขึ้นมาเอง มี element ดังต่อไปนี้
- btnDone
- btn0, btn1 ไปจนถึง btn9
- ซึ่งการตั้งชื่อจะขัดแย้งกับการตั้งชื่อในส่วนอื่น ๆ ทั้งหมดเลย !!
- การ custom keyboard ทำให้กรอกข้อมูลผ่าน Automate test ยากนิดหน่อยเพราะว่า ต้องทำการกรอกทีละตัว
แสดงดังรูป
โดยรวมแล้วเป็น App ที่น่าใช้งาน และ มี UI ที่เรียบง่าย สบายตา
แต่มีปัญหาเกี่ยวกับการจัดการ State ของ app
เช่นการกดปุ่ม back (ไม่มีใครกดแล้วมั้ง !!)
โดย app มันจะขึ้น popup ถามว่า ต้องการปิดโปรแกรมใช่มั้ยคะ ตลอดเลย
น่าจะเป็นเพราะว่าใช้ Fragment ทำให้การจัดการ state ยากขึ้น !!
แสดงดังรูป
กับเมนูต่าง ๆ อยู่ด้านล่าง ซึ่งไม่เหมาะเท่าไรสำหรับ Android app
แต่ขอเดาว่า น่าจะมี template มาจาก iOS app
ซึ่งไม่อยากให้หน้าตาของ app มันต่างกันมากนัก
ดังจะเห็นได้จาก UI ที่พยายาม custom ให้เหมือน หรือ คล้าย iOS app ให้มากที่สุด
คิดว่าตอนเขียน Custom UI น่าจะสนุกมาก ๆ
เพราะว่า Custom ทั้ง app เลย
เกี่ยวกับ Logging ต่าง ๆ พบว่า
มี Log message ออกมาจาก Retrofit เยอะมาก ๆ
หนึ่งในนั้นก็คือ Response ของแต่ละ request
ซึ่งคิดว่า ไม่น่าจะพ่น log message พวกนี้ออกมาจาก app นะครับ
แสดงดังรูป
กับอีกเรื่องที่เจอบ่อย ๆ คือ เมื่อเปิด app ขึ้นมาอีกครั้งจะรอการ Sync นานมาก ๆ
ทำให้การทดสอบแบบอัตโนมัติ fail ได้ง่าย
แสดงดังรูป
สาเหตุน่าจะมาจากการไปเรียกข้อมูลล่าสุดจาก server
ปัญหามาจากเรื่อง Certified SSL นั่นเอง
ไม่แน่ใจเป็นปัญหาเพราะว่า ผมใช้ผ่าน emulator หรือเปล่า
แสดง log การดึงข้อมูลจาก server ดังรูป
ปิดท้ายด้วยเขียน Automated Acceptance Test ด้วย Calabash for Android นิดหน่อย
เป็น flow การ login เข้ามาเพื่อกำหนดหน้ารายได้ (Income)
กำหนดค่าลดหย่อนนิดหน่อย
ปิดท้ายไปหน้าสรุป (Summary) ดังนี้
จากการทดสอบเขียน Automated test ของ app ด้วย Calabash พบปัญหาดังนี้
- สามารถเขียนได้ไม่ยากเท่าไร แต่ในการเปลี่ยนหน้าจอนั้น ต้องทำการ delay การทดสอบเพื่อให้หน้าจอ render ให้ครบก่อน
- ข้อตกลงในการตั้งชื่อดี เป็นไปในทิศทางเดียวกัน มีเพียง Custom Keyboard เท่านั้นที่แตกต่าง
- ปัญหาเรื่องของการจัดการ state ของ Android app กับ Fragment
- การแสดง log ต่าง ๆ ออกมาทาง console เยอะมาก โดยเฉพาะจาก Retrofit
- ในหน้าแรกของ app มีการ sync ข้อมูลกับทาง server ตลอด ซึ่งก่อให้เกิดปัญหาบ้าง
- ส่วนของเมนูอยู่ด้านล่าง อาจจะงง ๆ เล็กน้อยสำหรับคนใช้งาน Android ซึ่งเอาตัวผมเองเป็นตัววัด !!
ส่วน Script ของ Automated Script อยู่ที่นี่ Gist::iTax Pro with Calabash Android
