在 SSR 中模擬 Next-Auth 以進行 E2E 測試

Next.js 是一個支援伺服器端渲染 (SSR) 的框架。在實作中通常採用混合方式—應用程式的某些部分依賴於 SSR 傳遞資料,而其他部分則使用客戶端渲染 (CSR)。然而,目前針對 `next-auth` 的端到端 (E2E) 測試設定僅涵蓋 CSR 的情境。本文目的為試圖擴展測試的範圍,使其也能支援 SSR,同時具備根據不同條件動態配置的彈性。為了實現這一目標,SSR 和 CSR 都必須能支援模擬身分驗證,否則在測試期間將不得不完全忽略身分驗證。

Next.js End-to-End Testing SSR CSR react.js


寮國沒那麼陌生:觀光客的冒險,在地人的日常

當初會想到寮國玩只是因為朋友一句話「到寮國玩看起來很酷」當晚就買了機票,然後開始規劃行程。

旅遊 生活 亞洲


微前端架構下的測試策略 (Testing Strategy in Micro Frontend Architecture)

在微前端的架構之下,為了確保其內包含的應用程式能正常運作,這就需要我們在微前端的架構下進行測試。

Micro Frontends 微前端 End-to-End Testing 端對端測試 Playwright


使用 git rebase --onto 無痛更新分支

提交 PR 前需要更新 feature branch 的 base branch,這時候就可以使用 `rebase --onto` 來無痛更新分支,直接將 feature branch 的 commit 接到 main branch 之後。

git git rebase git merge git cherry-pick GitHub


2024 年度回顧

這是我在 2024 年最想聊的一些事。

年度回顧 前端測試指南:策略與實踐 Frontend Testing Guide Strategies and Practices WebConf Taiwan 投資


如何撰寫具彈性的測試程式 | 2024 WebConf Taiwan

如何撰寫具彈性的測試程式 | 2024 WebConf Taiwan

front end testing visual testing WebConf Taiwan AI ChatGPT


載入效能:指標、測量、優化與監控

這篇文章會分享 Google 制定的 Web Vitals 效能指標與使用者體驗的關係與實際應用、如何在專案中利用模擬與實地的方式測量與監控,以及如何優化專案以提升效能與使用者體驗。

載入效能 效能調校 Web Vitals 效能監控 Lighthouse