iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 17
0
Modern Web

Angular新手村學習筆記(2019)系列 第 17

Day17_[S03E05、06、07,S04E06]其他測試QQ(沒寫筆記)

  • 分享至 

  • xImage
  •  

不好意思混一天,
剛好S03的大部分講者都有提供完整的文章,
如果大幅copy文章內容,只加幾行註解,實在不妥
所以我把S03後幾集,整個打在一起

第5集Will保哥,這一集非常重要,但因為不是測試,我就跳過了

[S03E05] TypeScript 綜合格鬥技

https://www.youtube.com/watch?v=hZIPnEF-_PY&list=PL9LUW6O9WZqgUMHwDsKQf3prtqVvjGZ6S&index=39

  • TypeScript 編譯器
  • TypeScript 型別應用
  • TypeScript 語言特性

TypeScript新手指南(非常棒喔!)
https://willh.gitbook.io/typescript-tutorial/

[S03E06]Angular測試手法

https://www.youtube.com/watch?v=uhrbsWFrix0&list=PL9LUW6O9WZqgUMHwDsKQf3prtqVvjGZ6S&index=38
這一集非常的精彩,值得一看再看,整集都講oomusou大大的文章
不過我找不到原始文章,點燈坊、Angular Taiwan論壇、FB都找不到,只找到疑似盜版的文章
如果有人有找到原始文章歡迎留言分享

[S03E07]使用Cucumber.js讓測試更好懂

我覺得Cucumber雖然有他迷人的優點,
但是也有要注意的地方,大神們可以任意用各種手法來遶過遇到的問題
可能要多做一些工課(例如:Cucumber怎麼寫整合測試)

https://www.youtube.com/watch?v=yiMGanbHdko&list=PL9LUW6O9WZqgUMHwDsKQf3prtqVvjGZ6S&index=37

這一集的介紹

在以往撰寫前端測試,遇到最大的困難是不知道該如何下手進行測試的撰寫,這次將向大家介紹如何使用 Cucumber.js 搭配 Protractor.js,讓測試程式的撰寫更容易,也讓需求直接變成完整的測試案例,讓測試程式更直覺更好維護

  • 為什麼選擇使用 Cucumber.js
  • 使用 Cucumber.js 搭配 Protractor
  • 從 需求、測試 、 實做、 驗收 的完整演示

本集由小風大大分享

這一集著實有點跳脫前幾集常用的測試框架,又包了一層、多了一種很人類語言的語法,
以後有空再來研究

小風大大的簡報檔

https://www.dropbox.com/s/0g7p7cukhks1nw0/%E4%BD%BF%E7%94%A8-Cucumber.js-%E8%AE%93%E6%B8%AC%E8%A9%A6%E6%9B%B4%E5%A5%BD%E6%87%82-Angular%E7%B7%9A%E4%B8%8A%E8%AE%80%E6%9B%B8%E6%9C%83.pptx?dl=0

小風大大的Demo的原始碼

https://github.com/kirkchen/angular-with-cucumber

Protractor Cucumber Framework

This framework was originally part of angular/protractor and is now a separate module to decouple cucumber.js.
用Angular的好像是裝這一套
https://github.com/protractor-cucumber-framework/protractor-cucumber-framework

cucumber.js

https://github.com/cucumber/cucumber-js
官網文件
https://cucumber.io/docs/guides/
https://cucumber.io/docs

[S04E06] 如何利用 tdd 的 方式來實作 Ionic + Push Notification

本集由recca大大講解
(其實這一集因為Ionic、Push Notification我都不會,所以還沒看@@")

https://www.youtube.com/watch?v=hdKePKwkDzc&list=PL9LUW6O9WZqgUMHwDsKQf3prtqVvjGZ6S&index=27
原始碼
https://github.com/recca0120/develop-ionic-with-jest

jest是免費的測試工具,但用在angular上設定麻煩

npm run test:watch

上一篇
Day16_ATDD測試觀念及手法
下一篇
Day18_CI Pipeline for Angular
系列文
Angular新手村學習筆記(2019)33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
小克
iT邦新手 4 級 ‧ 2022-09-03 15:00:32

[S03E06] Angular 測試手法 段落中
oomusou 大大的舊部落格文章已經經過授權,重新復刻至以下位置
https://old-oomusou.goodjack.tw/

我要留言

立即登入留言