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
Simon Knott
b8b562888e
refactor(ui): synchronize settings via useSyncExternalStore instead of prop drilling ( #31911 )
...
Broken out from https://github.com/microsoft/playwright/pull/31900 , part
of https://github.com/microsoft/playwright/issues/31863 .
Synchronizes different `useSettings` calls via `useSyncExternalStore`.
This saves us from having to drill down settings props everywhere,
without the big refactoring that a `Context` would be.
2024-07-30 17:57:31 +02:00
Dmitry Gozman
f232507afa
feat(ui mode): ui updates ( #31894 )
...
- Update copy to clipboard button.
- Reveal test source in the Source tab instead of external editor.
- New button to reveal in the external editor in the Source tab.
- Move the Pick Locator button next to snapshot tabs.
2024-07-29 07:32:13 -07:00
Dmitry Gozman
a41cebc1c9
feat(ui mode): introduce Testing Options and Settings ( #31841 )
...
Testing Options control tests, while Settings are UI mode settings.
<img width="298" alt="Screenshot 2024-07-25 at 10 54 22 AM"
src="https://github.com/user-attachments/assets/7b6f5fff-687b-48d1-80b3-d1e6f2a257e8 ">
These sections are separately expandable, collapsed by default.
<img width="294" alt="Screenshot 2024-07-24 at 2 06 25 PM"
src="https://github.com/user-attachments/assets/5d35ac8c-9289-46ca-aaa2-ebc5419fa0c4 ">
References #31520 .
---------
Signed-off-by: Simon Knott <info@simonknott.de>
Co-authored-by: Simon Knott <info@simonknott.de>
2024-07-25 11:23:43 -07:00
Dmitry Gozman
d87cb7a303
feat(trace viewer): allow hiding route actions ( #31726 )
...
Adds a new settings tab above the actions list.
<img width="307" alt="settings tab"
src="https://github.com/user-attachments/assets/792212b7-e2fd-4a5c-8878-654e2e060505 ">
Toggling the "Show route actions" checkbox hides all route calls:
`continue`, `fulfill`, `fallback`, `abort` and `fetch`.
References #30970 .
2024-07-22 11:34:34 -07:00
Max Schmitt
6dbc7b54e8
feat(ui-mode): highlight console message in timeline on hover ( #31756 )
2024-07-18 16:39:40 +02:00
Rui Figueira
9bc45ea2fc
feature(trace-viewer): embedded mode support PoC ( #30885 )
...
Companion PR of https://github.com/microsoft/playwright-vscode/pull/483
2024-06-28 10:36:11 -07:00
Max Schmitt
9ca895dea0
fix(trace-viewer): trap focus inside drop-target popup ( #29845 )
...
https://github.com/microsoft/playwright/issues/29099
2024-03-07 22:24:21 +01:00
Sarkis Matinyan
0c3f60e95e
fix(ui): show stack frames in ui mode ( #29560 )
...
#29558 , #29500
2024-03-06 12:29:35 -08:00
Dmitry Gozman
cf6549687c
fix(trace viewer): reveal error location when it comes from the test ( #29268 )
...
Errors coming from the test runner do not have an associated `action`,
but have a `stack` that we can reveal.
2024-02-01 08:23:07 -08:00
Pavel Feldman
462e70ab82
chore: render sidebar tab selector as drop down ( #27844 )
2023-10-27 15:31:31 -07:00
Pavel Feldman
ff206bd9c1
chore: render time in the trace viewer log ( #27825 )
2023-10-26 14:45:15 -07:00
Pavel Feldman
47733b04fb
chore: do not select after hooks automatically ( #27805 )
2023-10-25 17:05:06 -07:00
Pavel Feldman
0bb9f7cdf7
feat(ui): show test status in trace view ( #27785 )
2023-10-24 16:41:40 -07:00
Pavel Feldman
70dbb9d83a
feat(trace): allow navigating from error to source ( #27464 )
2023-10-05 14:59:59 -07:00
Pavel Feldman
c7d9ae1c8b
ui(trace): make drawer appear under action list ( #27260 )
2023-09-22 10:43:44 -07:00
Pavel Feldman
97b3625049
chore: polish ui mode for better mac appearance ( #27008 )
2023-09-11 19:01:00 -07:00
Pavel Feldman
ea4974ce36
chore: allow resetting the time filter ( #26920 )
2023-09-06 16:14:26 -07:00
Pavel Feldman
8c494e2519
chore: add log/error tabs and counters ( #26843 )
2023-09-01 20:12:05 -07:00
Pavel Feldman
1c5f53f216
chore: show innermost error in ui mode ( #26840 )
2023-09-01 13:48:15 -07:00
Pavel Feldman
fd31f5bc50
chore: fix har date types ( #26783 )
2023-08-30 12:40:46 -07:00
Pavel Feldman
a34deffa43
chore: highlight actions and har entries in timeline ( #26781 )
2023-08-29 22:23:08 -07:00
Pavel Feldman
91b784e15e
chore: update icon font ( #26627 )
2023-08-23 08:31:43 -07:00
Pavel Feldman
fe7b956c3b
chore: allow toggling sidebar location ( #26589 )
2023-08-21 19:40:44 -07:00
Pavel Feldman
2b16860e06
chore: locator tab polish ( #26568 )
2023-08-21 10:59:49 -07:00
Pavel Feldman
41c312cd04
chore: fix ui mode to show screenshots ( #26563 )
2023-08-20 14:47:18 -07:00
Pavel Feldman
09bb866333
chore: format console message from page ( #26555 )
2023-08-19 16:13:42 -07:00
Pavel Feldman
8f31191637
chore: pick locator tab ( #26532 )
2023-08-18 17:53:03 -07:00
Pavel Feldman
a705d68c8a
chore: filter actions, console and network based on the timeline window ( #26509 )
2023-08-16 16:30:17 -07:00
Pavel Feldman
67ad2c2bf4
feat(ui): render all console / network messages in trace ( #24115 )
2023-07-10 12:56:56 -07:00
Max Schmitt
4d02aa1e52
chore: render locator in trace viewer timeline label ( #23754 )
2023-06-16 17:56:11 +02:00
Pavel Feldman
b99c214b29
chore(trace): render drawer as a sidebar in the tv mode ( #23451 )
...
Fixes: https://github.com/microsoft/playwright/issues/23227
2023-06-01 15:49:48 -07:00
Pavel Feldman
0e1aeaaecf
chore: do not show stale source in the trace ( #23163 )
2023-05-19 15:18:18 -07:00
Pavel Feldman
2697e93663
chore: do not annotate actions after failed ones as timed out ( #23148 )
2023-05-18 15:52:44 -07:00
Pavel Feldman
4c4085e105
chore: partially hide built-in fixture steps ( #23005 )
2023-05-12 19:15:31 -07:00
Pavel Feldman
5e0574dc44
chore: list attachments in the trace ( #22919 )
...
Fixes https://github.com/microsoft/playwright/issues/22736
2023-05-09 17:53:01 -07:00
Pavel Feldman
b10cc03314
chore: render parse errors in the UI mode ( #22888 )
...
Fixes: https://github.com/microsoft/playwright/issues/22863
2023-05-08 18:51:27 -07:00
Dmitry Gozman
82e52004c9
fix(ui mode): preserve manually selected action in live trace ( #22131 )
2023-03-31 18:34:51 -07:00
Pavel Feldman
8a65cf9aac
chore(ui): ui polish / nits ( #21781 )
2023-03-19 12:04:19 -07:00
Pavel Feldman
0728d0f7fb
chore(ui): show test source before running ( #21776 )
2023-03-17 21:34:40 -07:00
Pavel Feldman
1ffe01b027
chore: render errors from all actions inline the source ( #21702 )
2023-03-16 10:01:17 -07:00
Pavel Feldman
b85d670491
chore(ui): show output on demand ( #21592 )
2023-03-11 11:43:33 -08:00
Pavel Feldman
428ea66578
chore: hide timeline bars and stack from ui mode ( #21590 )
2023-03-10 22:52:31 -08:00
Pavel Feldman
0b9c037f36
chore(ui): do not add sources into the zip file ( #21588 )
2023-03-10 17:01:30 -08:00
Pavel Feldman
e45a496850
chore(tv): render error in-line ( #21586 )
2023-03-10 16:22:19 -08:00
Pavel Feldman
e9f94f0346
chore: add ui mode terminal ( #21470 )
2023-03-07 14:24:50 -08:00
Pavel Feldman
9e7abb2a76
chore: rearrange settings ( #21467 )
2023-03-07 12:43:16 -08:00
Pavel Feldman
9e477a183e
chore: various trace viewer ui fixes ( #21447 )
2023-03-06 21:37:39 -08:00
Pavel Feldman
04b35089be
chore: extract shared trace viewer components ( #21433 )
2023-03-06 12:25:00 -08:00
Pavel Feldman
e222874445
chore: ui mode first cut ( #21291 )
2023-03-01 15:27:23 -08:00
