Paparazzi测试框架中Material 3 ModalBottomSheet的可访问性问题分析

Material Design 3作为Android最新的设计语言，为开发者提供了丰富的组件库。其中ModalBottomSheet和BottomSheetScaffold是两个常用的底部弹窗组件，但在使用Paparazzi测试框架进行UI快照测试时，开发者可能会遇到一些特殊问题。

问题现象

当使用Paparazzi测试框架对包含ModalBottomSheet的界面进行快照测试时，会出现两个明显的问题：

1. 底部弹窗内的组件无法正确显示可访问性信息
2. 弹窗宽度异常，占据了整个快照宽度而非设备实际宽度

相比之下，使用BottomSheetScaffold组件则能正常显示可访问性信息，表现符合预期。

技术背景分析

ModalBottomSheet和BottomSheetScaffold虽然都是底部弹窗组件，但它们的实现机制有本质区别：

• ModalBottomSheet是一种模态对话框，它会覆盖在主UI之上，形成一个独立的UI层级
• BottomSheetScaffold则是页面布局的一部分，与主UI处于同一层级

这种实现差异导致了它们在Paparazzi测试框架中的不同表现。Paparazzi的可访问性渲染扩展可能无法正确处理模态对话框中的可访问性节点。

解决方案

对于需要在Paparazzi测试中验证底部弹窗可访问性的场景，建议：

1. 优先考虑使用BottomSheetScaffold替代ModalBottomSheet
2. 如果必须使用ModalBottomSheet，可以通过自定义测试逻辑来验证可访问性
3. 等待Paparazzi框架对模态对话框的可访问性支持完善

最佳实践

在进行UI组件测试时，特别是涉及可访问性验证时，开发者应该：

• 了解不同组件的实现机制差异
• 选择最适合测试场景的组件变体
• 对测试结果保持合理预期，理解框架限制
• 考虑结合其他测试手段，如单元测试或手动测试，全面覆盖功能验证

这个问题已经在Paparzzi 1.3.4版本中得到修复，开发者可以升级到最新版本来解决此问题。