Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(ui-mode): pr feedback

Browse source
This commit is contained in:
Kuba Janik 2024-08-19 11:59:43 +02:00
parent 561b4b6362
commit 58712445d3
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/trace-viewer/src/ui/networkResourceDetails.css
View file

@ -59,6 +59,11 @@
text-align: center;
}
.network-font-preview-error {
margin-top: 8px;
text-align: center;
}
.tab-network .toolbar {
min-height: 30px !important;
background-color: initial !important;

12
packages/trace-viewer/src/ui/networkResourceDetails.tsx
View file

@ -116,7 +116,7 @@ const BodyTab: React.FunctionComponent<{
reader.readAsDataURL(blob);
setResponseBody({ dataUrl: (await eventPromise).target.result });
} else if (isFont) {
const font = await response.blob().then(blob => blob.arrayBuffer());
const font = await response.arrayBuffer();
setResponseBody({ font });
} else {
const formattedBody = formatBody(await response.text(), resource.response.content.mimeType);
@ -141,15 +141,23 @@ const BodyTab: React.FunctionComponent<{
const FontPreview: React.FunctionComponent<{
font: BinaryData;
}> = ({ font }) => {
const [isError, setIsError] = React.useState(false);
React.useEffect(() => {
const fontFace = new FontFace('font-preview', font);
document.fonts.add(fontFace);
if (fontFace.status === 'loaded')
document.fonts.add(fontFace);
if (fontFace.status === 'error')
setIsError(true);
return () => {
document.fonts.delete(fontFace);
};
}, [font]);
if (isError)
return <div className='network-font-preview-error'>Could not load font preview</div>;
return <div className='network-font-preview'>
ABCDEFGHIJKLM<br />
NOPQRSTUVWXYZ<br />