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.