Unified · Split
| @@ -0,0 +1,17 @@ | ||
| 1 | +# React component health recording: provider instance dialog | |
| 2 | + | |
| 3 | +This directory contains the react-scan comparison for the provider instance dialog rerender fix. | |
| 4 | + | |
| 5 | +- `before-provider-dialog.webm`: recorded from commit `556c42452c5ac94ae8d8698d64fcd372c1680955`. | |
| 6 | +- `after-provider-dialog.webm`: recorded from commit `be215fb3ea877f46cf7491148b6fdcfa54ab5eae`. | |
| 7 | + | |
| 8 | +Capture setup: | |
| 9 | + | |
| 10 | +- Vite served the app in hosted-static mode (`VITE_HOSTED_APP_CHANNEL=latest`) so the settings route could load without a backend. | |
| 11 | +- The page HTML was intercepted by Playwright and injected with `react-scan@0.5.6` before the React bundle. | |
| 12 | +- The scripted interaction opened Settings > Providers, opened "Add provider instance", advanced to the identity step, typed "Performance Workspace" into the label field, then edited the instance ID. | |
| 13 | + | |
| 14 | +Measured during label typing with the React DevTools hook: | |
| 15 | + | |
| 16 | +- Before: 34 `AddProviderInstanceDialog` render commits. | |
| 17 | +- After: 23 `AddProviderInstanceDialog` render commits. | |
Binary file not shown.
Binary file not shown.