g0v summer of code.

1. 國會大代誌-完善議案追蹤之二
提案人：廉強

2. ● 國會大代誌：
– 開發議案頁面 + 撰寫測試
– 調整熱門議案頁面
● Api.ly：使用 Dredd 做單元測試

3. 開發議案頁面

4. 將 ETBlue 做的 mockup
變成
可以動的網頁

5. ETBlue 做的 mockup

6. 變成...

7. 先挑選會期

8. 再更改搜尋條件
有日期、委員會、會議、提案類型可選

9. 搜尋邏輯
選不同的年份，月、日、委員會、會議會不同
選不同的月份，日、委員會、會議會不同
選不同的日期，委員會、會議會不同
選不同的委員會，年、月、日、會議會不同

10. 提案-修法
右上角是目前的進度
如果第一次修法，會出現「NEW」

11. 提案-預算
右上角僅顯示「已提案」

12. 提案-查照
右上角僅顯示「已提案」

13. 提案-其他
若不屬於上述三者，則為其他
若還沒載入完成、右上角會顯示「載入中...」

14. 分享連結
輕輕點一下「複製網址」的按鈕即可
若瀏覽器不支援 flash，可以按 Ctrl+C 複製

15. 替議案頁面撰寫測試

16. 名詞解釋
● Cassettes：單元測試的輸入
● Snapshots：單元測試的預期輸出

17. Cassettes的問題

18. cassettes 都要手動用瀏覽器copy 下來
當頁面發的request一多，這就變成困擾

19. 「如果我每天要重複按照順序按100個不同的按
鈕，為什麼不寫個程式自動按這100個按鈕？」
– vgod

20. 所以我寫了一個腳本
可以自動把測試需要的cassettes下載下來

21. 按照慣例
test/unit/*.spec.ls
下載cassettes的腳本就會在
test/unit/recorder/*.ls

22. 執行結果

23. Snapshots的問題

24. 大家都知道
瀏覽器的 js 不能存檔到硬碟上

25. 所以我只能把snapshots 輸出到螢幕上
然後再copy下來存檔
...為甚麼不能讓程式幫我存檔呢？

26. 示意圖

27. ● 開啟 server
● 執行單元測試
使用方式
– Browser會發ajax給server
– Server將接收到的snapshots存檔

28. 議案頁面的測試完成後
測試覆蓋率上升至 36 %

29. 調整熱門議案頁面

30. 新增瀏覽人次

31. 使用 Dredd 做單元測試

33. 用 docker 把 Dredd 包起來

34. 用Dredd跑單元測試

35. 感謝大家聆聽