Simon Knott
1d3605d1fc
feat(trace viewer): add "Copy as Playwright Request" button ( #33298 )
2024-11-20 10:16:43 +01:00
Simon Knott
0d92737a07
chore(web): replace static ID with React.useId ( #33474 )
2024-11-06 14:42:48 +01:00
Simon Knott
f554f42b82
feat(trace viewer): link from attach action to attachment tab ( #33265 )
2024-11-06 10:22:15 +01:00
Simon Knott
aa3146785f
fix(ui): turn "copy as fetch" into text button ( #32858 )
...
Turns the "copy as fetch" text with a copy button into a text button, as
discussed in the meeting.
https://github.com/user-attachments/assets/01f72f0b-e3f2-440e-a75d-33385aabeec4
2024-09-30 03:01:56 -07:00
Max Schmitt
4c31a8289f
feat(trace-viewer): add network requests 'copy as cURL' button ( #32627 )
2024-09-18 14:35:11 +02:00
Kuba Janik
ee91bdc585
feat(ui-mode): display list of query params in request tab ( #32443 )
2024-09-04 07:54:44 -07:00
Kuba Janik
a6b320e362
fix(ui-mode): format request body when headers are lower case ( #32395 )
...
Resolves https://github.com/microsoft/playwright/issues/32396
Currently, the request body is not formatted when content type header is
lower case (`content-type`). Even though the value is
`application/json`.
It happens because we are looking only for `Content-Type` header
ignoring headers that are lower case.
<img width="674" alt="363197933-5178ec23-b9cf-46b5-8284-e8d4d730b036"
src="https://github.com/user-attachments/assets/0ef01b52-7dd8-4f33-b836-9adb86f94cc9 ">
2024-08-30 16:21:51 +02:00
Simon Knott
b599335404
chore(ui): enable react/recommended lint rules ( #32214 )
...
Closes https://github.com/microsoft/playwright/issues/32159 . I
originally set out to enable Strict Mode for our React UI, but found a
way better thing: Enabling the lint rules we had already installed!
`eslint-plugin-react` is already in of our `package.json`, and this PR
enables it and fixes some of the reported issues. Most of them are
around the `key` prop which is mostly about performance, but there's
also fixes for misspelled `data-testid` props.
2024-08-20 14:16:28 +02:00
Kuba Janik
f7e0bd3098
feat(ui-mode): add font preview to network tab ( #32209 )
...
Resolves https://github.com/microsoft/playwright/issues/32218
Currently, fonts are displayed as a raw binary file which does not give
any information to the users.
I replaced it with a simple font preview similar to the one found in the
dev tools of web browsers.
It is not a major feature but I think it is a nice addition and it might
be useful to somebody.
<img width="1043" alt="Screenshot 2024-08-17 at 18 33 46"
src="https://github.com/user-attachments/assets/a6cc7b57-7ea8-4a54-869d-57a44712597b ">
https://github.com/user-attachments/assets/e52d9a72-fb2c-43c7-bfee-3d6d6edc6b6a
2024-08-20 08:28:02 +02:00
Yury Semikhatsky
5a83fe55bc
chore(trace-viewer): hide status code field for failed request ( #31977 )
...
* Hide 'Status Code:' field for interrupted requests that don't have it.
* Clear up previously selected body when showing aborted requests.
* Highlight interrupted requests in red.
2024-08-01 17:26:52 -07:00
Dmitry Gozman
a541751657
feat(ui mode): linkify attachment names and content ( #31960 )
...
- Pass `contentType` to the CodeMirror.
- Support `text/markdown` mode.
- Custom mode for non-supported types that linkifies urls.
2024-08-01 09:27:45 -07:00
Yury Semikhatsky
62834e314f
chore(trace-viewer): less bright status code icon ( #31940 )
...
<img width="182" alt="image"
src="https://github.com/user-attachments/assets/8b381bcc-46e3-45c7-8fd2-e020436d1bff ">
<img width="206" alt="image"
src="https://github.com/user-attachments/assets/4ea02b47-a4da-44f7-9c26-13b05374e89d ">
<img width="213" alt="image"
src="https://github.com/user-attachments/assets/38b50e2a-f69c-4a78-abb2-2680453fc5fd ">
2024-07-31 17:29:05 -07:00
ryanrosello-og
ee63843f7d
feat(trace-viewer): add request method/status to the network details tab ( #31274 )
2024-06-19 09:05:20 -07:00
Pavel Feldman
bff1e41add
chore: do not render post data if there is none ( #31008 )
...
Fixes https://github.com/microsoft/playwright/issues/30992
2024-05-24 09:27:49 -07:00
Pavel Feldman
a0750b7854
chore: network panel polish ( #28924 )
2024-01-10 15:28:33 -08:00
Pavel Feldman
c914d62c69
chore: nicer network grid header ( #27102 )
2023-09-15 09:16:29 -07:00
Pavel Feldman
c209d7e708
chore: more network panel polish ( #26780 )
2023-08-29 22:20:28 -07:00
Max Schmitt
a9bc1a1707
fix(trace-viewer): SVG images were not loading ( #26755 )
...
Fixes https://github.com/microsoft/playwright/issues/26745
Drive-by: make Codemirror read-only.
2023-08-29 18:05:01 +02:00
Pavel Feldman
ee86b9bc94
chore: network panel ui polish ( #26722 )
2023-08-25 19:20:36 -07:00
Pavel Feldman
0ecd561db2
chore: improve network panel rendering ( #26708 )
2023-08-25 12:10:28 -07:00
Pavel Feldman
09bb866333
chore: format console message from page ( #26555 )
2023-08-19 16:13:42 -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
Andrey Lushnikov
3c0fab489b
chore: miscellaneous trace viewer fixes ( #23695 )
...
- properly annotate continued requests
- nest `attach` steps inside the related `expect` step
- fix primary-id-to-non-primary-id mapping
- make sure images in trace are not draggable
Fixes #23693
---------
Signed-off-by: Andrey Lushnikov <aslushnikov@gmail.com>
Co-authored-by: Max Schmitt <max@schmitt.mx>
2023-06-14 09:37:19 -07:00
Andrey Lushnikov
2e327c9d0c
fix: miscellaneous improvements for tracing UI ( #23558 )
...
- feat(tracing): mark API requests with "API" label
- feat(tracing): do not attribute any resources to `route.` API calls;
otherwise, network traffic might get inside the `route.` actions.
- fix(tracing): map actionIds from primary contexts to actionIds from
non-primary contexts
- fix(tracing): show leading `/` in URL path in network panel
This is a result of a pair-programming session with @pavelfeldman
2023-06-06 17:38:44 -07:00
Pavel Feldman
5a14619bab
chore: render route markers in the trace network panel ( #23476 )
...
Fixes https://github.com/microsoft/playwright/issues/23040
2023-06-02 13:00:27 -07:00
Pavel Feldman
f5fa18a279
chore: reimplement filters ( #21647 )
2023-03-13 22:19:31 -07:00
Pavel Feldman
df143031e7
chore: move protocol and trace types into the top-level packages ( #17486 )
2022-09-20 18:41:51 -07:00
Nilesh Suthar
105768fa38
feat(trace-viewer): show request time in trace viewer network tab ( #14353 )
2022-07-07 11:26:31 -07:00
Pavel Feldman
5e30375c8c
test(components): add more tests ( #13168 )
2022-03-29 21:06:11 -07:00
Pavel Feldman
6b81e76c2b
chore: migrate trace-viewer and recorder to vite ( #13076 )
2022-03-25 14:12:00 -07:00
