JavaScript UnitTest PIXNET

JavaScript UnitTest

Transcript

1. JavaScript Test -Unit Test 2+:0'6┮䷐倥揎櫧㪰%[RTGUU-WQ
2. Agenda Test 3W Unit Test (1 W 1 H) TDD & BDD Test Runner & Testing Framework 2
3. Why 傶ԧ嘦狒䛑አ纷ୗݢ犥Ӟፗই๗螀֢ᘒ砰䌃介手 㯏梊盠蝧 仂斕犋嘦ਧ௔ ीےᛔמ ൉׀᯿䯤䁎ࢴጱ੽ᵑ 3
4. When 樄ত樄咳獮 ਞ蕕㪔㬙ᗟ介手ૡٍ 樄咳蝱ᤈ吚Ӿ ୌ缏䛑አ纷ୗጱྯ㮆蟂犩牧᮷ᥝ砰䌃㪔䁆ᤈ介手 樄咳奾๳盅 ತک%XJ牧疰䌃Ӟ㮆碝ጱ介手犥嘦狒梊藮磪ᤩ狕盋 介手㪔犋ฎ㻌稞௔ጱ犨率牧ਙ疰猟纷ୗ๜蛪牧襑ᥝ瞱媲௔ጱ狕ྋ㪔硬臑 4
5. Who 㻌ز介手ҁ8QLW7HVW҂>樄咳ᘏ@ ֵአᘏᒒ介手ҁ(QGWR(QG7HVW҂>樄咳ᘏ@ 碉ݳ介手ҁ,QWHJUDWLRQ7HVW҂>樄咳ᘏ4$Ո㹓@ 涢硩介手ҁ$FFHSWDQFH7HVW҂>4$Ո㹓@ 5
6. Unit Test 纷ୗӾ磧ੜጱ螵蜉㻌ز 獢ୗ IXQFWLRQ 牧౲ฎොဩ PHWKRG  加缏ҁቘమ҂ 6
7. Test Driven Development ض䌃介手牧ٚ䌃纷ୗ 夺籗牏翑籗牏᯿䯤 螨عRYHUGHVLJQҁ夺籗಍䌃纷ୗ҂ 7RS'RZQ௏姘 7
8. Behavior Driven Development चෝ7''禊盢ጱ蝱玕粚๜ 虏ֵአᘏ牏介手Ո㹓膏樄咳Ո㹓牧ݢ 犥አӞ䰬ጱොୗ㬵矟蝄膏ԧ薹襑穩 褔犵疥Ո扖旉矦౮纷ୗ嘨ጱ౮๜ 8
9. 襑穩矟蝄物
 8VHUVWRU\物>秂氂矟蝄硲Ԫጱ㻌ᤈ෈ਁ@
 蛪傶Ӟ㮆>薫ᜋ@牧౯మᥝ>粬ਧۑ胼@牧 犥׎>஑کঅ蒂@ 羬翄ᤈ傶物
 *LYHQ>Ӥӥ෈@
 :KHQ>Ԫկ@
 7KHQ>奾ຎ@DQG>ٌਙ奾ຎ@ 9
10. User story：[帳⼾持有⼈要領錢] ⾝為⼀個 [帳⼾持有⼈]，我想要 [從 atm 領 錢]，以便 [可以在銀⾏關⾨後領到錢] Given [帳⼾餘額 100] and [有效的領款卡] and [提款機夠錢] When [帳⼾持有⼈要求提 20 元] Then [提款機應該給 20] and [帳⼾餘額 80] and [退提款卡] 10
11. Test Runner & Testing Framework 7HVW5XQQHU物
 .DUPD 7HVWLQJ)UDPHZRUN物
 8QLW7HVWMDVPLQH
 (QGWR(QG7HVWSURWUDFWRU 11
12. Demo 12 https:/ /github.com/CypressKuo/js-unit-test
13. 租⽚系統 普通⽚
 租⾦ 100 元 / 7天、逾期 10 元 / 天 新⽚
 租⾦ 150 元 / 3天、逾期 30 元 / 天 兒童⽚
 租⾦ 40 元 / 5天、逾期 5 元 / 天 13
14. First Test 我租了⼀⽚普通⽚ 15 天，還⽚時需付 多少錢？ 14
15. First Test 紅燈 綠燈 下⼀個測試 15
16. Second Test 我租了⼀⽚新⽚ 9 天，還⽚時需付多 少錢？ 16
17. 紅燈 回到上⼀個綠燈 (first test) 重構 綠燈 (first test) 綠燈 (second test) 下⼀個測試 17 Second Test
18. More Test 我租了⼀⽚兒童⽚ 8 天和⼀⽚普通⽚ 1 天，還⽚時需付多少錢？ 18
19. 紅燈 回到上⼀個綠燈 (second test) 重構 綠燈 (second test) 綠燈 (third test) 19 More Test
20. 重構 紅燈 綠燈 重構 (..Loop) 20 More Test
21. New Requirement 新的租⽚⽅式 國⽚ 
 租⾦ 60 元 / 6天、逾期 10 元 / 天 租 15 天 21
22. Reference https:/ /karma-runner.github.io/0.13/config/configuration- file.html http:/ /www.slideshare.net/wantingj/tdd-bdd-47559903 http:/ /fbukevin.github.io/Veck/2015/01/07 /javascript-test- suit-4-test-runner-karma/ http:/ /www.codedata.com.tw/java/unit-test-the-way- changes-my-programming http:/ /www.slideshare.net/yvonne_yu/ss-51379324 http:/ /oomusou.io/phpstorm/phpstorm-tdd-refactor/ 22
23. Thank You!