playwright/packages/trace-viewer/src/ui
Simon Knott 99724d0322
refactor(ui): some react refactorings (#31900)
Addresses https://github.com/microsoft/playwright/issues/31863. This PR
is chonky, but the individual commits should be easy to review. If
they're not, i'm happy to break them out into individual PRs.

There's two main things this does:

1. Remove some unused imports
2. Add a `clsx`-inspired helper function for classname templating

I wasn't able to replace `ReactDOM.render` with `ReactDOM.createRoot`.
This is the new recommended way starting with React 18, and the existing
one is going to be deprecated at some point. But it somehow breaks our
tests, i'll have to investigate that separately.
2024-07-31 12:12:06 +02:00
..
actionList.css feat(trace): allow navigating from error to source (#27464) 2023-10-05 14:59:59 -07:00
actionList.tsx chore: enforce single quotes in JSX (#31855) 2024-07-25 13:06:26 +02:00
attachmentsTab.css fix(trace viewer): attachment download (#31920) 2024-07-31 02:29:14 -07:00
attachmentsTab.tsx fix(trace viewer): attachment download (#31920) 2024-07-31 02:29:14 -07:00
browserFrame.css chore: pick locator tab (#26532) 2023-08-18 17:53:03 -07:00
browserFrame.tsx chore: pick locator tab (#26532) 2023-08-18 17:53:03 -07:00
callTab.css feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
callTab.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
consoleTab.css chore: decorate console message sources (#26588) 2023-08-21 16:05:27 -07:00
consoleTab.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
contextSelector.css chore: migrate trace-viewer and recorder to vite (#13076) 2022-03-25 14:12:00 -07:00
contextSelector.tsx chore: migrate trace-viewer and recorder to vite (#13076) 2022-03-25 14:12:00 -07:00
copyToClipboard.tsx feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
DEPS.list chore: make @playwright/test depend on playwright (#26946) 2023-09-08 14:23:35 -07:00
embeddedWorkbenchLoader.css feature(trace-viewer): embedded mode support PoC (#30885) 2024-06-28 10:36:11 -07:00
embeddedWorkbenchLoader.tsx refactor(ui): synchronize settings via useSyncExternalStore instead of prop drilling (#31911) 2024-07-30 17:57:31 +02:00
errorsTab.tsx fix(trace viewer): correctly trim locations on Windows (#29321) 2024-02-02 18:18:34 +01:00
filmStrip.css feat(ui): show test trace events live (#26619) 2023-08-22 15:46:41 -07:00
filmStrip.tsx fix(trace viewer): show correct number of pages without screencast (#30124) 2024-03-26 10:25:12 -07:00
inspectorTab.tsx chore: locator tab polish (#26568) 2023-08-21 10:59:49 -07:00
logTab.css chore: render time in the trace viewer log (#27825) 2023-10-26 14:45:15 -07:00
logTab.tsx fix: match client step and server action by explicit stepId (#30641) 2024-05-14 12:10:46 -07:00
metadataView.tsx feat(trace viewer): show baseURL in Metadata pane (#31852) 2024-07-25 17:14:46 +02:00
modelUtil.ts feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
networkResourceDetails.css feat(trace-viewer): add request method/status to the network details tab (#31274) 2024-06-19 09:05:20 -07:00
networkResourceDetails.tsx feat(trace-viewer): add request method/status to the network details tab (#31274) 2024-06-19 09:05:20 -07:00
networkTab.css chore: polish network panel highlight (#29299) 2024-02-01 13:44:26 -08:00
networkTab.tsx chore(trace-viewer): grid view z-index, source column in resource details (#31094) 2024-05-30 14:45:33 -07:00
placeholderPanel.tsx chore: add log/error tabs and counters (#26843) 2023-09-01 20:12:05 -07:00
settingsView.css feat(ui mode): introduce Testing Options and Settings (#31841) 2024-07-25 11:23:43 -07:00
settingsView.tsx feat(ui mode): introduce Testing Options and Settings (#31841) 2024-07-25 11:23:43 -07:00
snapshotTab.css feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
snapshotTab.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
sourceTab.css feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
sourceTab.tsx feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
stackTrace.css chore: use listview to render stack trace (#21197) 2023-02-24 15:31:10 -08:00
stackTrace.tsx fix(trace viewer): reveal error location when it comes from the test (#29268) 2024-02-01 08:23:07 -08:00
tag.css fix: UI Mode tags without theme applied (#30138) 2024-03-27 16:46:26 +01:00
tag.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
teleSuiteUpdater.ts chore: remove TeleTestCase._resultsMap (#30567) 2024-04-26 10:11:01 -07:00
testUtils.ts feat(ui): show test status in trace view (#27785) 2023-10-24 16:41:40 -07:00
timeline.css feat(ui-mode): highlight console message in timeline on hover (#31756) 2024-07-18 16:39:40 +02:00
timeline.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
uiModeFiltersView.css chore: split ui mode view into files (#30029) 2024-03-20 16:00:35 -07:00
uiModeFiltersView.tsx chore: split ui mode view into files (#30029) 2024-03-20 16:00:35 -07:00
uiModeModel.ts chore: remove ui mode update globals (#30031) 2024-03-20 21:09:49 -07:00
uiModeTestListView.css chore: split ui mode view into files (#30029) 2024-03-20 16:00:35 -07:00
uiModeTestListView.tsx feat(ui mode): ui updates (#31894) 2024-07-29 07:32:13 -07:00
uiModeTraceView.tsx refactor(ui): synchronize settings via useSyncExternalStore instead of prop drilling (#31911) 2024-07-30 17:57:31 +02:00
uiModeView.css feat(ui mode): introduce Testing Options and Settings (#31841) 2024-07-25 11:23:43 -07:00
uiModeView.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
workbench.css feat(ui): show test status in trace view (#27785) 2023-10-24 16:41:40 -07:00
workbench.tsx refactor(ui): some react refactorings (#31900) 2024-07-31 12:12:06 +02:00
workbenchLoader.css chore: limit trace-viewer minimum viewport (#29850) 2024-03-07 22:42:21 +01:00
workbenchLoader.tsx refactor(ui): synchronize settings via useSyncExternalStore instead of prop drilling (#31911) 2024-07-30 17:57:31 +02:00