端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序
端到端测试中如何用 Playwright 验证组件的键盘可达性与焦点顺序 本文先给出可直接复述的结论，再用最小代码说明Playwright 键盘导航 Tab 焦点 测试的工作方式、判断依据、项目边界和常见误区。
核心关键词Playwright 键盘导航 Tab 焦点 测试
面试知识索引 · 分类、标签与搜索
前端测试面试题，42 道完整答案
前端测试面试题第 1 页，显示第 1–42 题，共找到 42 道完整解析，可继续按分类、标签与关键词缩小范围。
42筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000前端测试42AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138
查看全部 52 个分类
React Native135操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Angular58Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
第 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 环境 选择