iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 185 瀏覽

鐵人賽 Modern Web DAY 28

轉生成前端工程師後，30步離開新手村！系列第 28 篇

技術 # 使用Jest為Angular專案撰寫UnitTest(三)

今天要透過上一篇介紹的單元測試撰寫方式，實際來為一個 component 撰寫單元測試。使用Jest為Angular專案撰寫UnitTest(一)使用Jest為...

艾瑞卡 ‧ 2024-10-12

0 Like 0 留言 167 瀏覽

鐵人賽 Modern Web DAY 27

轉生成前端工程師後，30步離開新手村！系列第 27 篇

技術 # 使用Jest為Angular專案撰寫UnitTest(二)

上一篇文章我們分享了如何導入Jest到Angular專案中，今天我們要分享如何規劃單元測試。測試的範圍在分享測試金字塔的時候有提到單元測試的目的是驗證應用...

艾瑞卡 ‧ 2024-10-11

0 Like 0 留言 134 瀏覽

鐵人賽 Modern Web DAY 26

轉生成前端工程師後，30步離開新手村！系列第 26 篇

技術 # 使用Jest為Angular專案撰寫UnitTest(一)

上一篇文章我們介紹了測試金字塔。今天我們就從金字塔的最下面開始，來分享如何在Angular專案中，導入Jest這個單元測試框架。什麼是Jest Jest...

艾瑞卡 ‧ 2024-10-10

0 Like 0 留言 202 瀏覽

鐵人賽 Modern Web DAY 20

與 AI 一起開發 Side Project 吧！系列第 20 篇

技術 Day20 — 穩如泰山 | 急速產單元測試 Part2，優化指令產出更好的測試！

上一次我們只調整了一個測試，花上了不少時間，因為還在摸索如何調整。畢竟萬事起頭難，第一次總是最讓人勸退。不過有了上次經驗之後，再調整第二個、第三個…，應該會快...

ms0223900 ‧ 2024-09-30

0 Like 0 留言 233 瀏覽

鐵人賽 Modern Web DAY 18

與 AI 一起開發 Side Project 吧！系列第 18 篇

技術 Day18 — 穩如泰山 | 極速產單元測試，如何辦到？

雖然上次已經自己找問題，修改完善了。但如果不搞清楚 AI 會寫錯的原因，那麽接下來請 AI 產出的測試，一樣還是可能有問題，AI 還幫我「幻想了」應該存在的組件...

ms0223900 ‧ 2024-09-28

0 Like 0 留言 258 瀏覽

鐵人賽 Modern Web DAY 17

與 AI 一起開發 Side Project 吧！系列第 17 篇

技術 Day17 — 穩如泰山 | 測試現在才寫，來得及嗎？

前言為什麼要寫測試？用 AI 幫忙寫程式，更需要寫測試。因為你不知道接下來 AI 輔助生成的程式碼，會把舊有的程式碼改成怎樣，會不會改得面目全非？先前的經...

ms0223900 ‧ 2024-09-27

0 Like 0 留言 219 瀏覽

鐵人賽 Modern Web DAY 12

React 學得動嗎系列第 12 篇

技術 [Day 12] React 寫測試的實用指南

大家好，今天是我們 React 學習的第十二天，想和大家聊聊如何為 React 應用程式撰寫測試。其實，寫測試沒有想像中困難，反而能讓你的程式碼更穩定可靠。為...

Moscle.dev ‧ 2024-09-26

0 Like 0 留言 245 瀏覽

鐵人賽 DevOps DAY 9

看好了 GitHub Action，我只示範一次。系列第 9 篇

技術 Jest Do It - 運行單元測試

《論語．公冶長》：「聽其言而觀其行。」說明了 unit test 的重要性。今天，我們將深入了解如何使用 Jest 進行單元測試，並探討一些 Jest 的...

毛哥EM ‧ 2024-09-23

0 Like 0 留言 1119 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 53 篇

技術【Day53】ChatGPT幫我完成工作：寫Jest單元測試！NestJS & Knex & Jest！

這一篇要來介紹使用ChatGPT來撰寫Jest單元測試的結果有關Jest的介紹，可以看這兩篇：【Day30】ChatGPT請教教我：Jest 單元測試（上)...

一宵三筵 ‧ 2023-11-08

0 Like 0 留言 1690 瀏覽

鐵人賽自我挑戰組

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 31 篇

技術【Day31】ChatGPT請教教我：Jest 單元測試（下) - 完整語法＆教學

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆前端技能樹...

一宵三筵 ‧ 2023-10-15

0 Like 0 留言 361 瀏覽

鐵人賽 SideProject30 DAY 28

用 Web Serial/Bluetooth 來控制 ChameleonUltra 硬體系列第 28 篇

技術 Day 28 自動化測試 jest

Day 28 自動化測試 jest 在開源專案中，為了要確保程式碼的品質，並讓使用這個 SDK 的開發者能放心的使用，通常我們會寫一些自動化測試程式。設定自動...

戴均民 ‧ 2023-10-12

0 Like 0 留言 1881 瀏覽

鐵人賽自我挑戰組 DAY 30

用ChatGPT詠唱來完成工作與點亮前後端技能樹系列第 30 篇

技術【Day30】ChatGPT請教教我：Jest 單元測試（上) - 基本介紹＆起始安裝

目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆前端技能樹...

一宵三筵 ‧ 2023-10-14

0 Like 0 留言 388 瀏覽

鐵人賽 Modern Web DAY 14

手動測試好累喔！一起來寫前端自動化測試吧～系列第 14 篇

技術 [Day 14] 理解整合測試（ㄧ）

整合測試（Integration Test）與單元測試的區別如其字面上意思。整合測試是針對多個單元測試之間的交互進行測試。通常也使用 Jest、Mocha.js...

Boolean Cat ‧ 2023-09-28

0 Like 0 留言 357 瀏覽

鐵人賽自我挑戰組 DAY 13

為了成為更好的前端，我開始在乎的那些事系列第 13 篇

技術 [Day 13] 測試思維 & 單元測試 - (9) 每個測試都該是獨立的，那些你該清的 api mock data

為什麼要清除 mocking api function？先說最終目的：避免每個 test case 的結果互相干擾在單元測試的藝術中 (Section 8....

bensonchen3418 ‧ 2023-09-28

0 Like 0 留言 523 瀏覽

鐵人賽 Modern Web DAY 11

手動測試好累喔！一起來寫前端自動化測試吧～系列第 11 篇

技術 [Day 11] 理解單元測試（二）- 簡介 Jest

今天要來簡介一下最廣為使用的測試框架 - Jest。其官方文件寫得十分平易近人。安裝與運行首先，於專案中安裝 jest。npm install --sa...

Boolean Cat ‧ 2023-09-25

1 Like 0 留言 1893 瀏覽

鐵人賽影片教學 DAY 4

Node.js 實戰密技與辦公室的小壞壞：即戰力釋放讓總裁的心動瞬間系列第 4 篇

技術為專案中加入 Jest，避免未來的自己踩到現在挖的坑 👍

閱讀別人的 Code 是有一定難度的，包含過去自己寫的也是一樣的道理。所以修改程式碼時，都會難免產生 bug 以及產生更多工作機會，而各種測試都可以有效的避免...

卡斯伯 ‧ 2023-09-18

0 Like 1 留言 387 瀏覽

鐵人賽 Modern Web DAY 9

組裝前端開發工具箱，從 NX 入手系列第 9 篇

技術測試工具 Jest 跟 Cypress

NX 的 Next 模板在建立時已經預設有 Jest 跟 React Testing Library ，可以直接寫測試。 import { render } f...

Jasper ‧ 2023-09-10 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 379 瀏覽

鐵人賽 Modern Web DAY 1

React進階班，用typescript與jest製作自己的custom hooks庫系列第 1 篇

技術 [Day 1] 為什麼要寫Custom Hook與測試

前言當我們還是新手時，常常寫了一大堆程式碼，程式碼越來越亂，UI與邏輯瘋狂耦合，發生bug又找不到在哪，又發現好多地方都是差不多的功能，卻每個地方都寫不一樣，...

傻眼甜不辣TanBooLa ‧ 2023-09-10

0 Like 0 留言 1082 瀏覽

鐵人賽 DevOps DAY 24

前端轉生～到了實驗室就要養幾隻可愛鯨魚：自架 Kubernetes 迷航日記系列第 24 篇

技術 Day 24 — 做點小小研究：測試開發網站流程

30天也剩沒幾天了，現在才要進入 devops？！圖片來源：Docker (@Docker) / Twitter 前面基礎建設都弄好了接下來就以簡易的前...

Time ‧ 2022-10-08

0 Like 0 留言 8851 瀏覽

鐵人賽 Modern Web

尋覓網站開發的神兵利器系列第 38 篇

技術 Extra07 - Jest - 單元測試框架

此篇為番外，為選入本篇的原因為 Jest 的功能與單元測試的方式多元且複雜，此篇僅能做初步的介紹，因此放於番外作補充。隨著 TDD 的流行，單元測試在現在...

Peter Chen ‧ 2021-10-23 ‧團隊Game Masters

0 Like 0 留言 1463 瀏覽

鐵人賽 Modern Web DAY 29

關於 UI 元件你所該知道的事系列第 29 篇

技術 Day 29 - 實戰演練 — 元件單元測試

測試會用到的工具是 React Testing Library，後續對元件有改動時也可以使用 Snapshot testing。基本上測試撰寫的 SOP 就...

parkerhiphop027 ‧ 2021-10-14

0 Like 1 留言 2352 瀏覽

鐵人賽 Modern Web DAY 22

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 22 篇

技術 [Day22] Vue 3 單元測試 (Unit Testing) - Testing Vuex

今天這篇文章主要想介紹兩個重點：測試使用 Vuex 的元件測試 Vuex 本身 Testing Component with Vuex 下面是一個使用了...

Mia Yang ‧ 2021-10-07 ‧團隊Outcome First 2.0

0 Like 0 留言 2739 瀏覽

鐵人賽 Modern Web DAY 21

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 21 篇

技術 [Day21] Vue 3 單元測試 (Unit Testing) - Props & Computed

Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...

Mia Yang ‧ 2021-10-06 ‧團隊Outcome First 2.0

2 Like 0 留言 2274 瀏覽

鐵人賽 Modern Web DAY 20

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 20 篇

技術 [Day20] Vue 3 單元測試 (Unit Testing) - Form Elements Handling

幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 hea...

Mia Yang ‧ 2021-10-05 ‧團隊Outcome First 2.0

2 Like 0 留言 2977 瀏覽

鐵人賽 Modern Web DAY 19

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 19 篇

技術 [Day19] Vue 3 單元測試 (Unit Testing) - Event Handling

Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...

Mia Yang ‧ 2021-10-04 ‧團隊Outcome First 2.0

1 Like 1 留言 2780 瀏覽

鐵人賽 Modern Web DAY 18

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 18 篇

技術 [Day18] Vue 3 單元測試 (Unit Testing) - Conditional rendering & Elements visibility

Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Compo...

Mia Yang ‧ 2021-10-03 ‧團隊Outcome First 2.0

1 Like 0 留言 6768 瀏覽

鐵人賽 Modern Web DAY 17

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 17 篇

技術 [Day17] Vue 3 單元測試 (Unit Testing) - Vue Test Utils + Jest 基本範例 & 核心語法

在開始進入複雜的內容之前，我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法，這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼，所以我們趕快開始...

Mia Yang ‧ 2021-10-02 ‧團隊Outcome First 2.0

2 Like 0 留言 7429 瀏覽

鐵人賽 Modern Web DAY 16

前端工程師在工作中的各種實戰技能 (Vue 3) 系列第 16 篇

技術 [Day16] Vue 3 單元測試 (Unit Testing) - Vue Test Utils + Jest 基本介紹 & 安裝

什麼是單元測試？單元測試 (Unit Testing) 是針對程式碼的最小單位來進行正確性檢驗的測試工作，並確保程式碼不會在迭代維護的過程中出現 Bug，通過...

Mia Yang ‧ 2021-10-01 ‧團隊Outcome First 2.0

0 Like 0 留言 593 瀏覽

鐵人賽 Modern Web DAY 24

用Jest和Enzyme來寫React測試吧!! 系列第 24 篇

技術【Day24】來到了測試的總整理啦ヽ(‘ ∇‘ )ノ

來到測試的尾聲，來把前面所學的整理一下吧! First Step => 要進行測試，我們勢必要有東西給它測試，而且也要有可以進行測試的套件利用以...

Ivy ‧ 2021-09-24

0 Like 0 留言 567 瀏覽

鐵人賽 Modern Web DAY 23

用Jest和Enzyme來寫React測試吧!! 系列第 23 篇

技術【Day23】計數器減號按紐及測試小練習，先別偷看解答R ~ (⁎˃ᆺ˂)

這篇要來個小小練習，增加一個減號的按鈕，並針對其結果作一個單元測試。先別往下看，給自己五到十分鐘... 再往下看解答 ! 首先，和累加的按鈕一樣，我們先在畫...

Ivy ‧ 2021-09-23