Day 30 结束才是开始,参赛反思与改进

先来回顾一下参赛契机

其实在铁人赛开始宣传的时候,都还没有认真想过要参赛。直到九月铁人赛进入开赛期了,突然被密集的宣传给打中,开始思考自己是不是也有参赛的可能。评估一下时间跟参赛的目的,就决定脑冲报名了。报名时只抱着几个目的:强迫自己学习、推自己一把开始写文、完赛。没有太多规划,决定跟着课程脉络纪录学习笔记。

目前的系列目录

前言

Day 1 开始之前,先理解为什麽要写测试

JavaScript 测试的基础概念

Day2 从测试基础着手:动手做一个超简易测试工具

静态测试

Day3 静态分析:用 ESLint 检查语法错误

Day4 静态分析:自动排版就交给 Prettier 来做

Day5 静态分析:让静态检查自动化

JavaScript Mocking 的基础概念

Day6 理解 Mock 基础概念:从 Monkey-patching 开始

Day7 理解 Mock 基础概念:初探 **mock function,**确保 Functions 被正确呼叫

Day8 理解 Mock 基础概念:使用 jest.spyOn 复原被 mock 的 function

Day9 理解 Mock 基础概念:mock 整个 module 及让 mock module 可以共用

实战 Jest 配置

Day10 实战 Jest 配置:准备篇

Day11 实战 Jest 配置:搞定前端测试配置,了解 Jest 如何在 Node 环境测试 Browser code

Day12 实战 Jest 配置:Jest Snapshots 帮助撰写跟维护 assertions

Day13 实战 Jest 配置:Jest moduleDirectories

Day14 实战 Jest 配置:增进 Development Experience

Day15 实战 Jest 配置:以不同的配置跑测试

测试 React 元件

Day 16 测试 React 元件:render 元件及使用 Jest DOM & dom-testing-library

Day 17 测试 React 元件:使用 React Testing Library 测试元件的状态

Day 18 测试 React 元件:测试元件的 Event Handlers

Day 19 测试 React 元件:Mock HTTP Requests

Day 20 测试 React 元件:测试 Error Boundary 元件

Day 21 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 1

Day 22 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 2

Day 23 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 3

Day 24 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 4

Day 25 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 5

Day 26 测试 React 元件:使用 React Testing Library 体验 Test Driven Development (TDD) - 6

Day 27 测试 React 元件:测试 react-router

Day 28 测试 React 元件:测试 Redux

Day 29 测试 React 元件:测试 React Hook

结语

Day 30 结束才是开始,参赛反思与改进


<<:  [Day30]Flutter Netflix UI 使用shared_preferences

>>:  # Day31 Golang Protobuf 介绍与使用

[从0到1] C#小乳牛 练成基础程序逻辑 Day 10 - 转角捡到猫 取什麽名字好? 命名规范

路上捡到猫 | 要取什麽名字? | 很急>< 在线等! 🐄点此填写今日份随堂测验 ...

探讨 C++ and C# 的差异

小弟首次分享学习心得,希望大家会喜欢~ 那我们直接进入主题吧~ 今天要学C++、C#的差异性~ 学习...

离职倒数26天:快乐生活指南

睡觉、运动、读书、写日记、呼吸冥想、跟久未联络的朋友联系,这些常被推崇的快乐生活指南,我这个月都实践...

[day19] 优惠券检查

今天结膜炎,看完医生整个白天都躺在床上眼睛痒得要死动不了,晚餐後好一点,写一点昨天缺漏的小东西 讲个...

不只懂 Vue 语法:如何用 event bus 或 mitt 实现跨元件传递资料?

问题回答 所谓跨元件,即是两个元件并无父子关系,并没有被对方包着。如果要互相传递资料,可以使用 mi...