iT邦幫忙

testing相關文章
共有 52 則文章
鐵人賽 Modern Web

技術 Extra08 - Cypress - E2E 測試框架

此篇為番外,為選入本篇的原因為 Cypress 的功能與 End to End 測試的方式多元且複雜,此篇僅能做初步的介紹,因此放於番外作補充。 與單元測試...

鐵人賽 Modern Web DAY 30

技術 Angular 深入淺出三十天:表單與測試 Day30 - 表單原理

經過前面二十九天的的練習與學習,相信大家應該在表單的實作上都熟悉了不少,只要不是太複雜、太特別的表單應該也都難不倒你們。 今天是本系列文的最後一天,就讓我們來...

鐵人賽 Modern Web DAY 29

技術 Angular 深入淺出三十天:表單與測試 Day29 - ControlContainer

昨天跟大家分享了自訂表單元件的作法,但昨天的作法只適用於一個欄位、一個 FormControl 。 雖然 FormControl 裡是可以設 {} 的值,但如...

鐵人賽 Modern Web DAY 29
Javascript 從寫對到寫好 系列 第 29

技術 Day 29 - 淺談測試 - 令人安心的保護網

前言 前兩天我們討論了 Clean Code 跟 The Clean Coder,這兩本書都要提到一件很重要的事情,但前兩天沒有討論到,就是關於「測試」。 所以...

鐵人賽 Mobile Development DAY 29

技術 Leftover topics

我們終於來到第廿九篇,我們這次討論的題目都是之前討論過的東西的延伸。因為篇幅和時間有限就只好把它們合併成一篇。 Two-way data binding 我們在...

鐵人賽 Modern Web DAY 28

技術 Angular 深入淺出三十天:表單與測試 Day28 - 自訂表單元件

經過了這段時間的練習與學習,相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用,如果能讓自己做的 Compo...

鐵人賽 Modern Web DAY 27

技術 Angular 深入淺出三十天:表單與測試 Day27 - Reactive Forms 進階技巧 - 跨欄位驗證

今天想要跟大家分享的是跨欄位驗證的小技巧,這個小技巧其實沒有多厲害或多特別,只是可能滿多人剛好不知道原來可以這樣用。 而我們在 Day 23 - Reacti...

鐵人賽 Modern Web DAY 26

技術 Angular 深入淺出三十天:表單與測試 Day26 - 進階表單開發技巧 - 自訂驗證器

之前在開發表單的時候,我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。 雖然 Angular 已經這麼貼心地提供了這麼多驗...

鐵人賽 Modern Web DAY 25

技術 Angular 深入淺出三十天:表單與測試 Day25 - 測試進階技巧 - DI 抽換

好一陣子沒寫單元測試與整合測試了,大家是否覺得有些生疏了呢? 之前的測試都寫得很簡單,正好昨天好好地寫了搜尋輸入框還有呼叫 API ,可以藉由撰寫這個功能的測...

鐵人賽 Modern Web DAY 24

技術 Angular 深入淺出三十天:表單與測試 Day24 - Reactive Forms 進階技巧 - Auto-Complete Searching

在日常生活中,大家應該滿常看到有些系統的搜尋輸入框是可以在一邊打字的同時,一邊將搜尋結果呈現在一個下拉選單裡,非常地貼心且方便。 當然,這其中其實有很多細節,...

鐵人賽 Modern Web DAY 23

技術 Angular 深入淺出三十天:表單與測試 Day23 - Reactive Forms 進階技巧 - 欄位連動檢核邏輯

大家在日常生活中,應該看過滿多表單的某個欄位會隨著另個欄位的改變,而造成該欄位的驗證邏輯需要改變的情況吧? 舉例來說,可能會有個欄位叫做聯絡資訊,使用者可以選...

鐵人賽 Modern Web DAY 22

技術 Angular 深入淺出三十天:表單與測試 Day22 - 把 Cypress 變成 TypeScript 版

平常都用慣 TypeScript 版的 Cypress,但這兩天都用 JavaScript 在寫測試,令我有點不太習慣。 雖然 JS 版或 TS 版的差別並沒...

鐵人賽 Modern Web DAY 21

技術 Angular 深入淺出三十天:表單與測試 Day21 - E2E 測試實作 - 被保人表單

大家如果對於昨天的 E2E 測試如果沒有什麼問題的話,今天就來為我們的被保人表單撰寫 E2E 測試吧! 實作開始 撰寫測試前的準備昨天有說過了,今天就不再贅...

鐵人賽 Modern Web DAY 20

技術 Angular 深入淺出三十天:表單與測試 Day20 - E2E 測試實作 - 登入系統

經過這兩天的介紹,相信大家對於 Cypress 應該已經有了一定程度的理解,有沒有人已經開始用它來寫測試了呢? 今天就讓我帶著大家用 Cypress 來為我們...

鐵人賽 Modern Web DAY 19

技術 Angular 深入淺出三十天:表單與測試 Day19 - 與 Cypress 的初次見面(下)

昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...

鐵人賽 Modern Web DAY 18

技術 Angular 深入淺出三十天:表單與測試 Day18 - 與 Cypress 的初次見面(上)

昨天跟大家分享了 Cypress 有多厲害之後,大家有沒有很期待呢? 這兩天就讓我來跟大家介紹 Cypress 到底有多厲害吧! 由於 Cypress 的功...

鐵人賽 Modern Web DAY 17

技術 Angular 深入淺出三十天:表單與測試 Day17 - E2E 自動化測試工具簡介

在這個各種前端框架、開發工具層出不窮、百花齊放、百鳥齊鳴的美好時代, E2E 自動化測試工具的選擇自然也很多。 今天我們會先來初步了解一下目前有哪些 E2E...

鐵人賽 Modern Web DAY 16

技術 Angular 深入淺出三十天:表單與測試 Day16 - Template Driven Forms vs Reactive Forms

這段期間,我們用 Template Driven Forms 與 Reactive Forms 各自做了一個登入表單(靜態)與被保人表單(動態),而且我們也都...

鐵人賽 Modern Web DAY 15

技術 Angular 深入淺出三十天:表單與測試 Day15 - 整合測試實作 - 被保人 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的被保人表單寫完單元測試之後,今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎?我幫大家複...

鐵人賽 Modern Web DAY 14

技術 Angular 深入淺出三十天:表單與測試 Day14 - 單元測試實作 - 被保人 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第十一天的文章: Reactive...

鐵人賽 Modern Web DAY 13

技術 Angular 深入淺出三十天:表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後,今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...

鐵人賽 Modern Web DAY 12

技術 Angular 深入淺出三十天:表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第十天的文章: Te...

鐵人賽 Modern Web DAY 11

技術 Angular 深入淺出三十天:表單與測試 Day11 - Reactive Forms 實作 - 動態表單初體驗

今天要來用 Reactive Forms 的方式再來實作一次昨天的表單。 具體的規格需求跟昨天差不多,如下所示: 被保險人的欄位: 姓名(文字輸入框)...

鐵人賽 Modern Web DAY 10

技術 Angular 深入淺出三十天:表單與測試 Day10 - Template Driven Forms 實作 - 動態表單初體驗

今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單,使用上有點像是保險業者的系統,可以新增多名被保人,也可以編輯與刪除被保...

鐵人賽 Modern Web DAY 9

技術 Angular 深入淺出三十天:表單與測試 Day09 - 整合測試實作 - 登入系統 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的登入系統寫完單元測試之後,今天則是要來為它寫整合測試。 再次幫大家複習一下整合測試的測試目標: 整合測試...

鐵人賽 Modern Web DAY 8

技術 Angular 深入淺出三十天:表單與測試 Day08 - 單元測試實作 - 登入系統 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第三天的文章: Reactive Fo...

鐵人賽 Modern Web DAY 7

技術 Angular 深入淺出三十天:表單與測試 Day07 - 整合測試實作 - 登入系統 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後,今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...

鐵人賽 Modern Web DAY 6

技術 Angular 深入淺出三十天:表單與測試 Day06 - 單元測試實作 - 登入系統 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的登入系統寫單元測試,如果還沒有相關程式碼的朋友,趕快前往閱讀第二天的文章: Temp...

鐵人賽 Modern Web DAY 5

技術 Angular 深入淺出三十天:表單與測試 Day05 - 如何寫出優秀的測試?

昨天介紹了開始撰寫測試之前必須要知道的二三事之後,想必大家已經對如何開始撰寫測試有了一些概念,但測試不是「有拜有保佑」,有寫就好。所以我們除了要知道如何開始撰...

鐵人賽 Modern Web DAY 4

技術 Angular 深入淺出三十天:表單與測試 Day04 - 開始撰寫測試之前必須要知道的二三事

在開始撰寫測試之前,先帶大家來了解一下 Angular 預設使用的測試框架 ─ Karma 。 Karma 的原名是 Testacular , Google...