从组件测试到真实浏览器:Playwright 与测试分层
理解 Playwright 的 Locator、自动等待和端到端测试,并为单元、组件与 E2E 测试划清职责边界。
Topic
理解 Playwright 的 Locator、自动等待和端到端测试,并为单元、组件与 E2E 测试划清职责边界。
从测试用例设计出发,理解 Vitest、React Testing Library、jsdom、异步查询与 Mock 的职责边界。
React 核心机制:State、Props、Effect 与组件身份
我把一个前端项目的渲染层从手写 DOM 换成了 React,业务逻辑一行没改。这篇讲的不是 React 怎么用(那是上一篇),而是「换掉一层」这件事本身该怎么做才算做对——以及验收标准为什么不是「新代码能跑」。中途还撞到一个有意思的坑:验证工具自己把被测对象弄脏了。
这篇讲 React 最核心的那个转变——你不再动手改页面,而是描述页面该长什么样。从声明式渲染讲到 JSX、组件、Props、State、事件和列表 key。零基础可以顺着读;写过原生 DOM 的同学建议重点看第一节和第五节。