端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序
围绕“端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 page.keyboard.press('Tab') 结合 toBeFocused 断言焦点路径的做法。
核心关键词Playwright 键盘导航 Tab 焦点 测试
面试知识索引 · 分类、标签与搜索
组件与端到端专题面试题，42 道完整答案
组件与端到端专题面试题第 1 页，显示第 1–42 题，共找到 42 道完整解析，可继续按分类、标签与关键词缩小范围。
42筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
Testing Library 中 getBy、queryBy、findBy 三类查询在元素不存在时的行为差异是什么
围绕“Testing Library 中 getBy、queryBy、findBy 三类查询在元素不存在时的行为差异是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确三者对缺失元素分别抛错、返回 null、异步等待的差异及各自适用断言场景。
核心关键词Testing Library getBy queryBy findBy 区别 - 0003
为什么组件测试推荐用 MSW 拦截请求而不是 mock fetch 或 axios 模块
围绕“为什么组件测试推荐用 MSW 拦截请求而不是 mock fetch 或 axios 模块”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 MSW 在网络层拦截、与业务代码解耦且请求行为更真实的优势。
核心关键词MSW 组件测试 拦截 fetch mock 区别 - 0004
用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理
围绕“用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 AxeBuilder 扫描指定区域、按违规等级断言及对已知问题的豁免管理。
核心关键词Playwright axe-core 可访问性测试 AxeBuilder - 0005
Playwright 如何用 storageState 复用登录态避免每个测试都走登录流程
围绕“Playwright 如何用 storageState 复用登录态避免每个测试都走登录流程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 setup project 登录一次后序列化 cookie/localStorage 供后续测试注入的模式。
核心关键词Playwright storageState 登录态 复用 - 0006
Playwright Component Testing 与用 Vitest+Testing Library 跑组件测试的核心差异是什么
围绕“Playwright Component Testing 与用 Vitest+Testing Library 跑组件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确真实浏览器渲染与 jsdom 模拟在布局、真实事件、视觉上的能力差异及选型依据。
核心关键词Playwright 组件测试与 Vitest Testing Library 对比 - 0007
为什么 Playwright 视觉快照要按浏览器和操作系统分开存基线，CI 上如何保证一致
围绕“为什么 Playwright 视觉快照要按浏览器和操作系统分开存基线，CI 上如何保证一致”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确渲染差异导致快照按项目名分目录及 CI 固定系统镜像或用容器生成基线的做法。
核心关键词Playwright 截图 跨浏览器 基线 CI 一致 - 0008
Playwright 中断言超时、动作超时、测试超时分别由什么配置控制，调大全局超时为何是反模式
围绕“Playwright 中断言超时、动作超时、测试超时分别由什么配置控制，调大全局超时为何是反模式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 expect timeout、action timeout、test timeout 的分层配置及用更稳的定位替代盲等。
核心关键词Playwright timeout 配置 断言超时 - 0009
Playwright 如何处理浏览器原生 confirm 对话框与文件下载这两类自动化盲区
围绕“Playwright 如何处理浏览器原生 confirm 对话框与文件下载这两类自动化盲区”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 page.on('dialog') 预注册接受与 download 事件等待保存的两套机制。
核心关键词Playwright 处理 confirm 对话框与文件下载 - 0010
Playwright Test 的 fixture 机制相比 beforeEach 全局初始化有哪些可组合性优势
围绕“Playwright Test 的 fixture 机制相比 beforeEach 全局初始化有哪些可组合性优势”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 fixture 按需惰性创建、自动拆毁、可组合覆盖的优势及自定义 fixture 的写法思路。
核心关键词Playwright fixtures 自定义 依赖注入 - 0011
诊断 Playwright 偶发失败（flaky）测试时 trace viewer 提供了哪些关键信息
围绕“诊断 Playwright 偶发失败（flaky）测试时 trace viewer 提供了哪些关键信息”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确用 trace 的动作快照、网络与控制台时间线定位竞态与等待不足。
核心关键词Playwright flaky trace viewer 诊断 - 0012
Playwright 推荐的 getByRole、getByLabel、getByText 等定位器各自的适用边界是什么
围绕“Playwright 推荐的 getByRole、getByLabel、getByText 等定位器各自的适用边界是”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确按用户可见语义优先的定位器选择顺序及 getByTestId 兜底场景。
核心关键词Playwright getByRole getByLabel getByText 选择 - 0013
Playwright 用 HAR 文件回放网络请求的适用场景与局限是什么
围绕“Playwright 用 HAR 文件回放网络请求的适用场景与局限是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 HAR 回放适合稳定只读接口、对动态数据与写操作失效的局限。
核心关键词Playwright HAR 回放 routeFromHAR - 0014
Playwright 定位 iframe 与 Shadow DOM 内元素分别需要什么特殊处理
围绕“Playwright 定位 iframe 与 Shadow DOM 内元素分别需要什么特殊处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 frameLocator 进入 iframe、CSS/text 选择器默认穿透 open shadow root 的差异。
核心关键词Playwright iframe Shadow DOM 定位 - 0015
Playwright 的 Locator 相比 CSS 选择器字符串有哪些根本性优势
围绕“Playwright 的 Locator 相比 CSS 选择器字符串有哪些根本性优势”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 Locator 惰性求值、自动等待与可重试断言带来的稳定性提升。
核心关键词Playwright Locator 优势 自动等待 - 0016
用 Playwright 网络拦截模拟接口 500 与超时两种失败时实现方式有何不同
围绕“用 Playwright 网络拦截模拟接口 500 与超时两种失败时实现方式有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 500 用 fulfill 状态码、超时用 abort 或延迟结合客户端超时配置的区别。
核心关键词Playwright mock 500 超时 abort 测试 - 0017
Playwright 页面对象模式在大型端到端测试套件中解决了什么问题，如何避免页对象膨胀
围绕“Playwright 页面对象模式在大型端到端测试套件中解决了什么问题，如何避免页对象膨胀”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确封装定位器与交互降低重复及按用户任务而非 DOM 结构拆分对象的原则。
核心关键词Playwright Page Object Model 设计 - 0018
Playwright 的并行 worker 与分片（sharding）机制如何影响测试设计与运行速度
围绕“Playwright 的并行 worker 与分片（sharding）机制如何影响测试设计与运行速度”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确文件级并行、测试间无共享状态的前提及 CI 多分片合并报告的做法。
核心关键词Playwright 并行 sharding CI 分片 - 0019
Playwright 的 retries 重试机制应该如何配置才能既掩盖环境抖动又不掩盖真实缺陷
围绕“Playwright 的 retries 重试机制应该如何配置才能既掩盖环境抖动又不掩盖真实缺陷”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确仅 CI 重试、结合 trace 与 testInfo.retry 诊断、禁止用重试掩盖等待缺失的原则。
核心关键词Playwright retries 重试 flaky 策略 - 0020
Playwright 的 page.route 如何拦截并修改 API 响应，与 route.fulfill、route.continue 怎么选
围绕“Playwright 的 page.route 如何拦截并修改 API 响应，与 route.fulfill、rou”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 fulfill 完全造假响应、continue 放行、fetch 后改包再 fulfill 的三档选择。
核心关键词Playwright route 拦截 修改响应 fulfill continue - 0021
Playwright 中每个测试新建 BrowserContext 的隔离机制是什么，代价与收益如何权衡
围绕“Playwright 中每个测试新建 BrowserContext 的隔离机制是什么，代价与收益如何权衡”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 context 级 cookie/存储隔离保证独立性及共享 context 的风险。
核心关键词Playwright BrowserContext 隔离 测试独立性 - 0022
Playwright 的 toHaveScreenshot 视觉回归测试如何工作，基线图片更新流程是什么
围绕“Playwright 的 toHaveScreenshot 视觉回归测试如何工作，基线图片更新流程是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确像素对比与基线快照机制、--update-snapshots 更新流程及评审要求。
核心关键词Playwright toHaveScreenshot 视觉回归 基线 - 0023
Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报
围绕“Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 maxDiffPixelRatio 阈值、animations:'disabled'、mask 遮盖动态区域三种手段。
核心关键词Playwright 视觉测试 抖动 maxDiffPixels 动画 - 0024
Playwright 中如何断言某次点击确实触发了预期请求并校验其响应体
围绕“Playwright 中如何断言某次点击确实触发了预期请求并校验其响应体”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 waitForResponse/waitForRequest 与 click 的 Promise.all 写法避免漏抓。
核心关键词Playwright waitForResponse 断言 请求 - 0025
Playwright 中 page.waitForSelector 与 expect(locator).toBeVisible 的重试语义有什么区别
围绕“Playwright 中 page.waitForSelector 与 expect(locator).toBeVi”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确前者单次等待状态、后者基于轮询的重试断言及推荐用 web-first assertions 的理由。
核心关键词Playwright waitForSelector toBeVisible 区别 - 0026
用 Testing Library 断言一个元素从出现到消失的完整流程应该怎么写
围绕“用 Testing Library 断言一个元素从出现到消失的完整流程应该怎么写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确出现用 findBy、消失用 waitForElementToBeRemoved 的组合及常见误用。
核心关键词Testing Library waitForElementToBeRemoved 元素消失 - 0027
jest-dom 为 Testing Library 提供了哪些 DOM 断言，为什么不用 expect 直接断言属性
围绕“jest-dom 为 Testing Library 提供了哪些 DOM 断言，为什么不用 expect 直接断言属”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 jest-dom 语义化匹配器覆盖可见性、禁用态、属性等的价值。
核心关键词jest-dom toBeInTheDocument toBeVisible 断言 - 0028
为什么 React Testing Library 通常不需要手动调用 cleanup 和 act
围绕“为什么 React Testing Library 通常不需要手动调用 cleanup 和 act”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确测试框架 afterEach 自动清理与 render/fireEvent 内部已包裹 act 的机制。
核心关键词React Testing Library cleanup act 自动 - 0029
Testing Library 测试中定位查询失败有哪些官方调试手段
围绕“Testing Library 测试中定位查询失败有哪些官方调试手段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 screen.debug 输出 DOM、query 失败信息的建议查询提示、Testing Playground 辅助选查询。
核心关键词Testing Library 查询失败调试方法 - 0030
在 Vitest 中用 fake timers 测试防抖或定时 UI 时与 Testing Library 异步查询如何配合
围绕“在 Vitest 中用 fake timers 测试防抖或定时 UI 时与 Testing Library 异步查询”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确假时钟与 waitFor 内部定时器冲突及 advanceTimersByTime、shouldAdvanceTime 的处理。
核心关键词Vitest fake timers 配合 Testing Library 异步查询 - 0031
用 React Testing Library 如何模拟表单输入并断言受控组件的值与校验提示
围绕“用 React Testing Library 如何模拟表单输入并断言受控组件的值与校验提示”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 userEvent.type/clear 触发受控 onChange 及校验文案的异步断言。
核心关键词React Testing Library 表单输入 校验 测试 - 0032
Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变行为
围绕“Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确默认按可访问性过滤隐藏元素及 byRole 的 hidden:true 例外用法。
核心关键词Testing Library hidden 元素 查询不到 - 0033
Testing Library 中 getAllBy 返回数组后如何对列表内容做稳定断言
围绕“Testing Library 中 getAllBy 返回数组后如何对列表内容做稳定断言”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确用 getAllByRole 结合文本内容断言数量与条目、避免依赖 DOM 顺序以外的脆弱选择。
核心关键词Testing Library getAllBy 列表断言 within - 0034
Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTestId
围绕“Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTest”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确按可访问性贴近用户程度的优先级排序理由。
核心关键词Testing Library 查询优先级 getByRole - 0035
用 React Testing Library 测试依赖路由参数的组件时如何注入路由上下文与初始路径
围绕“用 React Testing Library 测试依赖路由参数的组件时如何注入路由上下文与初始路径”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 MemoryRouter initialEntries 提供路径与参数、不依赖浏览器 history 的做法。
核心关键词React Testing Library MemoryRouter 路由测试 - 0036
Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算
围绕“Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确可访问名称由 aria-label、关联 label、文本内容按规范计算并可用 name 过滤。
核心关键词Testing Library getByRole name 可访问名称 - 0037
Testing Library 中为什么推荐用 screen 查询而不是解构 render 的返回值
围绕“Testing Library 中为什么推荐用 screen 查询而不是解构 render 的返回值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 screen 避免 container 引用过期、减少 render 返回项扩散的理由。
核心关键词Testing Library screen render 解构 推荐 - 0038
Testing Library 文本匹配中字符串、正则、函数三种 matcher 的匹配行为差异与大小写处理
围绕“Testing Library 文本匹配中字符串、正则、函数三种 matcher 的匹配行为差异与大小写处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确默认整串精确匹配、正则部分匹配、函数自定义谓词的差异及 exact 参数作用。
核心关键词Testing Library TextMatch 正则 函数 matcher - 0039
React Testing Library 中 userEvent 与 fireEvent 的区别是什么，为什么官方推荐 userEvent
围绕“React Testing Library 中 userEvent 与 fireEvent 的区别是什么，为什么官方”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 userEvent 模拟完整用户交互序列（hover、focus、逐字符输入）而 fireEvent 只派发单个事件。
核心关键词Testing Library userEvent fireEvent 区别 - 0040
Testing Library 的 waitFor 何时使用，它与 findBy 查询的重试机制有什么重叠与分工
围绕“Testing Library 的 waitFor 何时使用，它与 findBy 查询的重试机制有什么重叠与分工”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确对非查询类断言的轮询重试用 waitFor、查找元素用 findBy 的分工。
核心关键词Testing Library waitFor findBy 异步断言 - 0041
Testing Library 的 within 在什么场景比全局 screen 查询更可靠
围绕“Testing Library 的 within 在什么场景比全局 screen 查询更可靠”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确将查询限定在某个容器子树内以避免重复元素冲突的场景与写法。
核心关键词Testing Library within 局部查询 - 0042
Vitest 中 jsdom 与 happy-dom 环境的选择依据是什么
围绕“Vitest 中 jsdom 与 happy-dom 环境的选择依据是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 jsdom 兼容性更全、happy-dom 更快的取舍及切换配置方式。
核心关键词Vitest jsdom happy-dom 环境 选择