端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序
端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序 本文先给出可直接复述的结论，再用最小代码说明Playwright 键盘导航 Tab 焦点 测试的工作方式、判断依据、项目边界和常见误区。
核心关键词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 三类查询在元素不存在时的行为差异是什么 本文先给出可直接复述的结论，再用最小代码说明Testing Library getBy queryBy findBy 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library getBy queryBy findBy 区别 - 0003
为什么组件测试推荐用 MSW 拦截请求而不是 mock fetch 或 axios 模块
为什么组件测试推荐用 MSW 拦截请求而不是 mock fetch 或 axios 模块 本文先给出可直接复述的结论，再用最小代码说明MSW 组件测试 拦截 fetch mock 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词MSW 组件测试 拦截 fetch mock 区别 - 0004
用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理
用 Playwright 集成 axe-core 做可访问性扫描时如何组织断言与违规处理 本文先给出可直接复述的结论，再用最小代码说明Playwright axe-core 可访问性测试 AxeBuilder的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright axe-core 可访问性测试 AxeBuilder - 0005
Playwright 如何用 storageState 复用登录态避免每个测试都走登录流程
Playwright 如何用 storageState 复用登录态避免每个测试都走登录流程 本文先给出可直接复述的结论，再用最小代码说明Playwright storageState 登录态 复用的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright storageState 登录态 复用 - 0006
Playwright Component Testing 与用 Vitest+Testing Library 跑组件测试的核心差异是什么
Playwright Component Testing 与用 Vitest+Testing Library 跑组件测试的核心差异是什么 本文先给出可直接复述的结论，再用最小代码说明Playwright 组件测试与 Vitest Testing Library 对比的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 组件测试与 Vitest Testing Library 对比 - 0007
为什么 Playwright 视觉快照要按浏览器和操作系统分开存基线，CI 上如何保证一致
为什么 Playwright 视觉快照要按浏览器和操作系统分开存基线，CI 上如何保证一致 本文先给出可直接复述的结论，再用最小代码说明Playwright 截图 跨浏览器 基线 CI 一致的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 截图 跨浏览器 基线 CI 一致 - 0008
Playwright 中断言超时、动作超时、测试超时分别由什么配置控制，调大全局超时为何是反模式
Playwright 中断言超时、动作超时、测试超时分别由什么配置控制，调大全局超时为何是反模式 本文先给出可直接复述的结论，再用最小代码说明Playwright timeout 配置 断言超时的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright timeout 配置 断言超时 - 0009
Playwright 如何处理浏览器原生 confirm 对话框与文件下载这两类自动化盲区
Playwright 如何处理浏览器原生 confirm 对话框与文件下载这两类自动化盲区 本文先给出可直接复述的结论，再用最小代码说明Playwright 处理 confirm 对话框与文件下载的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 处理 confirm 对话框与文件下载 - 0010
Playwright Test 的 fixture 机制相比 beforeEach 全局初始化有哪些可组合性优势
Playwright Test 的 fixture 机制相比 beforeEach 全局初始化有哪些可组合性优势 本文先给出可直接复述的结论，再用最小代码说明Playwright fixtures 自定义 依赖注入的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright fixtures 自定义 依赖注入 - 0011
诊断 Playwright 偶发失败（flaky）测试时 trace viewer 提供了哪些关键信息
诊断 Playwright 偶发失败（flaky）测试时 trace viewer 提供了哪些关键信息 本文先给出可直接复述的结论，再用最小代码说明Playwright flaky trace viewer 诊断的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright flaky trace viewer 诊断 - 0012
Playwright 推荐的 getByRole、getByLabel、getByText 等定位器各自的适用边界是什么
Playwright 推荐的 getByRole、getByLabel、getByText 等定位器各自的适用边界是什么 本文先给出可直接复述的结论，再用最小代码说明Playwright getByRole getByLabel getByText 选择的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright getByRole getByLabel getByText 选择 - 0013
Playwright 用 HAR 文件回放网络请求的适用场景与局限是什么
Playwright 用 HAR 文件回放网络请求的适用场景与局限是什么 本文先给出可直接复述的结论，再用最小代码说明Playwright HAR 回放 routeFromHAR的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright HAR 回放 routeFromHAR - 0014
Playwright 定位 iframe 与 Shadow DOM 内元素分别需要什么特殊处理
Playwright 定位 iframe 与 Shadow DOM 内元素分别需要什么特殊处理 本文先给出可直接复述的结论，再用最小代码说明Playwright iframe Shadow DOM 定位的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright iframe Shadow DOM 定位 - 0015
Playwright 的 Locator 相比 CSS 选择器字符串有哪些根本性优势
Playwright 的 Locator 相比 CSS 选择器字符串有哪些根本性优势 本文先给出可直接复述的结论，再用最小代码说明Playwright Locator 优势 自动等待的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright Locator 优势 自动等待 - 0016
用 Playwright 网络拦截模拟接口 500 与超时两种失败时实现方式有何不同
用 Playwright 网络拦截模拟接口 500 与超时两种失败时实现方式有何不同 本文先给出可直接复述的结论，再用最小代码说明Playwright mock 500 超时 abort 测试的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright mock 500 超时 abort 测试 - 0017
Playwright 页面对象模式在大型端到端测试套件中解决了什么问题，如何避免页对象膨胀
Playwright 页面对象模式在大型端到端测试套件中解决了什么问题，如何避免页对象膨胀 本文先给出可直接复述的结论，再用最小代码说明Playwright Page Object Model 设计的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright Page Object Model 设计 - 0018
Playwright 的并行 worker 与分片（sharding）机制如何影响测试设计与运行速度
Playwright 的并行 worker 与分片（sharding）机制如何影响测试设计与运行速度 本文先给出可直接复述的结论，再用最小代码说明Playwright 并行 sharding CI 分片的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 并行 sharding CI 分片 - 0019
Playwright 的 retries 重试机制应该如何配置才能既掩盖环境抖动又不掩盖真实缺陷
Playwright 的 retries 重试机制应该如何配置才能既掩盖环境抖动又不掩盖真实缺陷 本文先给出可直接复述的结论，再用最小代码说明Playwright retries 重试 flaky 策略的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright retries 重试 flaky 策略 - 0020
Playwright 的 page.route 如何拦截并修改 API 响应，与 route.fulfill、route.continue 怎么选
Playwright 的 page.route 如何拦截并修改 API 响应，与 route.fulfill、route.continue 怎么选 本文先给出可直接复述的结论，再用最小代码说明Playwright route 拦截 修改响应 fulfill continue的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright route 拦截 修改响应 fulfill continue - 0021
Playwright 中每个测试新建 BrowserContext 的隔离机制是什么，代价与收益如何权衡
Playwright 中每个测试新建 BrowserContext 的隔离机制是什么，代价与收益如何权衡 本文先给出可直接复述的结论，再用最小代码说明Playwright BrowserContext 隔离 测试独立性的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright BrowserContext 隔离 测试独立性 - 0022
Playwright 的 toHaveScreenshot 视觉回归测试如何工作，基线图片更新流程是什么
Playwright 的 toHaveScreenshot 视觉回归测试如何工作，基线图片更新流程是什么 本文先给出可直接复述的结论，再用最小代码说明Playwright toHaveScreenshot 视觉回归 基线的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright toHaveScreenshot 视觉回归 基线 - 0023
Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报
Playwright 视觉对比因抗锯齿和动画产生抖动时有哪些官方手段降低误报 本文先给出可直接复述的结论，再用最小代码说明Playwright 视觉测试 抖动 maxDiffPixels 动画的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 视觉测试 抖动 maxDiffPixels 动画 - 0024
Playwright 中如何断言某次点击确实触发了预期请求并校验其响应体
Playwright 中如何断言某次点击确实触发了预期请求并校验其响应体 本文先给出可直接复述的结论，再用最小代码说明Playwright waitForResponse 断言 请求的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright waitForResponse 断言 请求 - 0025
Playwright 中 page.waitForSelector 与 expect(locator).toBeVisible 的重试语义有什么区别
Playwright 中 page.waitForSelector 与 expect(locator).toBeVisible 的重试语义有什么区别 本文先给出可直接复述的结论，再用最小代码说明Playwright waitForSelector toBeVisible 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright waitForSelector toBeVisible 区别 - 0026
用 Testing Library 断言一个元素从出现到消失的完整流程应该怎么写
用 Testing Library 断言一个元素从出现到消失的完整流程应该怎么写 本文先给出可直接复述的结论，再用最小代码说明Testing Library waitForElementToBeRemoved 元素消失的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library waitForElementToBeRemoved 元素消失 - 0027
jest-dom 为 Testing Library 提供了哪些 DOM 断言，为什么不用 expect 直接断言属性
jest-dom 为 Testing Library 提供了哪些 DOM 断言，为什么不用 expect 直接断言属性 本文先给出可直接复述的结论，再用最小代码说明jest-dom toBeInTheDocument toBeVisible 断言的工作方式、判断依据、项目边界和常见误区。
核心关键词jest-dom toBeInTheDocument toBeVisible 断言 - 0028
为什么 React Testing Library 通常不需要手动调用 cleanup 和 act
为什么 React Testing Library 通常不需要手动调用 cleanup 和 act 本文先给出可直接复述的结论，再用最小代码说明React Testing Library cleanup act 自动的工作方式、判断依据、项目边界和常见误区。
核心关键词React Testing Library cleanup act 自动 - 0029
Testing Library 测试中定位查询失败有哪些官方调试手段
Testing Library 测试中定位查询失败有哪些官方调试手段 本文先给出可直接复述的结论，再用最小代码说明Testing Library 查询失败调试方法的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library 查询失败调试方法 - 0030
在 Vitest 中用 fake timers 测试防抖或定时 UI 时与 Testing Library 异步查询如何配合
在 Vitest 中用 fake timers 测试防抖或定时 UI 时与 Testing Library 异步查询如何配合 本文先给出可直接复述的结论，再用最小代码说明Vitest fake timers 配合 Testing Library 异步查询的工作方式、判断依据、项目边界和常见误区。
核心关键词Vitest fake timers 配合 Testing Library 异步查询 - 0031
用 React Testing Library 如何模拟表单输入并断言受控组件的值与校验提示
用 React Testing Library 如何模拟表单输入并断言受控组件的值与校验提示 本文先给出可直接复述的结论，再用最小代码说明React Testing Library 表单输入 校验 测试的工作方式、判断依据、项目边界和常见误区。
核心关键词React Testing Library 表单输入 校验 测试 - 0032
Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变行为
Testing Library 查询默认为何查不到 display:none 的元素，如何用 hidden 选项改变行为 本文先给出可直接复述的结论，再用最小代码说明Testing Library hidden 元素 查询不到的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library hidden 元素 查询不到 - 0033
Testing Library 中 getAllBy 返回数组后如何对列表内容做稳定断言
Testing Library 中 getAllBy 返回数组后如何对列表内容做稳定断言 本文先给出可直接复述的结论，再用最小代码说明Testing Library getAllBy 列表断言 within的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library getAllBy 列表断言 within - 0034
Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTestId
Testing Library 查询方法的优先级顺序是什么，为什么 getByRole 应优先于 getByTestId 本文先给出可直接复述的结论，再用最小代码说明Testing Library 查询优先级 getByRole的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library 查询优先级 getByRole - 0035
用 React Testing Library 测试依赖路由参数的组件时如何注入路由上下文与初始路径
用 React Testing Library 测试依赖路由参数的组件时如何注入路由上下文与初始路径 本文先给出可直接复述的结论，再用最小代码说明React Testing Library MemoryRouter 路由测试的工作方式、判断依据、项目边界和常见误区。
核心关键词React Testing Library MemoryRouter 路由测试 - 0036
Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算
Testing Library 的 getByRole 如何通过可访问名称区分同名按钮，name 选项依据什么计算 本文先给出可直接复述的结论，再用最小代码说明Testing Library getByRole name 可访问名称的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library getByRole name 可访问名称 - 0037
Testing Library 中为什么推荐用 screen 查询而不是解构 render 的返回值
Testing Library 中为什么推荐用 screen 查询而不是解构 render 的返回值 本文先给出可直接复述的结论，再用最小代码说明Testing Library screen render 解构 推荐的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library screen render 解构 推荐 - 0038
Testing Library 文本匹配中字符串、正则、函数三种 matcher 的匹配行为差异与大小写处理
Testing Library 文本匹配中字符串、正则、函数三种 matcher 的匹配行为差异与大小写处理 本文先给出可直接复述的结论，再用最小代码说明Testing Library TextMatch 正则 函数 matcher的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library TextMatch 正则 函数 matcher - 0039
React Testing Library 中 userEvent 与 fireEvent 的区别是什么，为什么官方推荐 userEvent
React Testing Library 中 userEvent 与 fireEvent 的区别是什么，为什么官方推荐 userEvent 本文先给出可直接复述的结论，再用最小代码说明Testing Library userEvent fireEvent 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library userEvent fireEvent 区别 - 0040
Testing Library 的 waitFor 何时使用，它与 findBy 查询的重试机制有什么重叠与分工
Testing Library 的 waitFor 何时使用，它与 findBy 查询的重试机制有什么重叠与分工 本文先给出可直接复述的结论，再用最小代码说明Testing Library waitFor findBy 异步断言的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library waitFor findBy 异步断言 - 0041
Testing Library 的 within 在什么场景比全局 screen 查询更可靠
Testing Library 的 within 在什么场景比全局 screen 查询更可靠 本文先给出可直接复述的结论，再用最小代码说明Testing Library within 局部查询的工作方式、判断依据、项目边界和常见误区。
核心关键词Testing Library within 局部查询 - 0042
Vitest 中 jsdom 与 happy-dom 环境的选择依据是什么
Vitest 中 jsdom 与 happy-dom 环境的选择依据是什么 本文先给出可直接复述的结论，再用最小代码说明Vitest jsdom happy-dom 环境 选择的工作方式、判断依据、项目边界和常见误区。
核心关键词Vitest jsdom happy-dom 环境 选择