所謂的軟體測試，就是去比較「實際產出」與「預期產出」之間的差異。藉由定義一組「規定的條件」。來評估程式撰寫正確與否、產品品質是否達標以及設計是否符合使用者或規格...
近年來，TDD（Test-Driven Development）觀念興起，加上許多公司開始跑 SCRUM，測試成為當中一個重要的流程。新創公司對於前/後端工程師...
可以獲得什麼？ 了解測試所要涵蓋的目標為何，以及測試可以幫助我們什麼。 為什麼要測試 軟體程式需要測試的原因很多，主要目的是確保軟體的品質、可靠性和穩定性。經...
可以獲得什麼？ 知道什麼是 QA，測試在軟體開發流程的位置，以及可以幫助整個專案是什麼。藉由了解 QA 一角，可以實現在軟體開發流程上，讓品質上升。 什麼是...
可以獲得什麼？ 知道什麼是 QA，測試在軟體開發流程的位置，以及可以幫助整個專案是什麼。藉由了解 QA 一角，可以實現在軟體開發流程上，讓品質上升。 什麼是...
前言 QA，或稱為品質保證（Quality Assurance），在軟體開發過程中扮演著重要的角色。QA的主要目標是確保軟體產品滿足高品質標準，並符合用戶需求。...
前言 當我們還是新手時，常常寫了一大堆程式碼，程式碼越來越亂，UI與邏輯瘋狂耦合，發生bug又找不到在哪，又發現好多地方都是差不多的功能，卻每個地方都寫不一樣，...
今天主題 今天的主題是UI testing，討論的是當Postman請求的對象不是API，而是網頁的話，可以針對回傳的內容做哪些測試，舉凡效能(performa...
前言 前幾日的文章，已經利用scheduler訓練出在Validation上還不錯的結果，今天就來test一下，順帶討論一下test的一些哲學吧！ 什麼是Tes...
前言、摘要 我們系統大致上已經完成，雖然還有很多值得改進的地方，接下來會一步一步的改好，先求有再求好。改進過程，要怎麼確保自己改的順利呢？最好的方式就是使用測試...
A/B 测试是分析应用程序、网页或功能的不同版本的最简单方法，其中一个提供最佳性能。 这也被称为桶测试或拆分测试。 A/B 测试由 2 种变体 A 和 B 的随...
此篇為番外，為選入本篇的原因為 Cypress 的功能與 End to End 測試的方式多元且複雜，此篇僅能做初步的介紹，因此放於番外作補充。 與單元測試...
經過前面二十九天的的練習與學習，相信大家應該在表單的實作上都熟悉了不少，只要不是太複雜、太特別的表單應該也都難不倒你們。 今天是本系列文的最後一天，就讓我們來...
昨天跟大家分享了自訂表單元件的作法，但昨天的作法只適用於一個欄位、一個 FormControl 。 雖然 FormControl 裡是可以設 {} 的值，但如...
前言 前兩天我們討論了 Clean Code 跟 The Clean Coder，這兩本書都要提到一件很重要的事情，但前兩天沒有討論到，就是關於「測試」。 所以...
我們終於來到第廿九篇，我們這次討論的題目都是之前討論過的東西的延伸。因為篇幅和時間有限就只好把它們合併成一篇。 Two-way data binding 我們在...
經過了這段時間的練習與學習，相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用，如果能讓自己做的 Compo...
今天想要跟大家分享的是跨欄位驗證的小技巧，這個小技巧其實沒有多厲害或多特別，只是可能滿多人剛好不知道原來可以這樣用。 而我們在 Day 23 - Reacti...
之前在開發表單的時候，我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。 雖然 Angular 已經這麼貼心地提供了這麼多驗...
好一陣子沒寫單元測試與整合測試了，大家是否覺得有些生疏了呢？ 之前的測試都寫得很簡單，正好昨天好好地寫了搜尋輸入框還有呼叫 API ，可以藉由撰寫這個功能的測...
在日常生活中，大家應該滿常看到有些系統的搜尋輸入框是可以在一邊打字的同時，一邊將搜尋結果呈現在一個下拉選單裡，非常地貼心且方便。 當然，這其中其實有很多細節，...
大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？ 舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...
平常都用慣 TypeScript 版的 Cypress，但這兩天都用 JavaScript 在寫測試，令我有點不太習慣。 雖然 JS 版或 TS 版的差別並沒...
大家如果對於昨天的 E2E 測試如果沒有什麼問題的話，今天就來為我們的被保人表單撰寫 E2E 測試吧！ 實作開始 撰寫測試前的準備昨天有說過了，今天就不再贅...
經過這兩天的介紹，相信大家對於 Cypress 應該已經有了一定程度的理解，有沒有人已經開始用它來寫測試了呢？ 今天就讓我帶著大家用 Cypress 來為我們...
昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...
昨天跟大家分享了 Cypress 有多厲害之後，大家有沒有很期待呢？ 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧！ 由於 Cypress 的功...
在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代， E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...
這段期間，我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單（靜態）與被保人表單（動態），而且我們也都...
昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎？我幫大家複...
Boolean Cat
eyelash*睫毛
傻眼甜不辣TanBooLa
chacoteeth
srarod
yenshaoting
Peter Chen
Leo
ycchiuuuu
Eric Li
iThome鐵人賽
看影片追技術