chore: sanitize file path when saving (#99)

Fixes https://github.com/microsoft/playwright-mcp/issues/96
This commit is contained in:
Pavel Feldman 2025-03-31 15:01:58 -07:00 committed by GitHub
parent aeb4cf65e9
commit d316441142
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 32 additions and 7 deletions

View File

@ -20,7 +20,7 @@ import path from 'path';
import { z } from 'zod';
import { zodToJsonSchema } from 'zod-to-json-schema';
import { captureAriaSnapshot, runAndWait } from './utils';
import { captureAriaSnapshot, runAndWait, sanitizeForFilePath } from './utils';
import type { ToolFactory, Tool } from './tool';
@ -127,7 +127,7 @@ export const pdf: Tool = {
},
handle: async context => {
const page = context.existingPage();
const fileName = path.join(os.tmpdir(), `/page-${new Date().toISOString()}.pdf`);
const fileName = path.join(os.tmpdir(), sanitizeForFilePath(`page-${new Date().toISOString()}`)) + '.pdf';
await page.pdf({ path: fileName });
return {
content: [{

View File

@ -106,3 +106,7 @@ export async function captureAriaSnapshot(context: Context, status: string = '')
content: [{ type: 'text', text: lines.join('\n') }],
};
}
export function sanitizeForFilePath(s: string) {
return s.replace(/[\x00-\x2C\x2E-\x2F\x3A-\x40\x5B-\x60\x7B-\x7F]+/g, '-');
}

View File

@ -331,3 +331,25 @@ test('cdp server', async ({ cdpEndpoint, startClient }) => {
`
);
});
test('save as pdf', async ({ client }) => {
expect(await client.callTool({
name: 'browser_navigate',
arguments: {
url: 'data:text/html,<html><title>Title</title><body>Hello, world!</body></html>',
},
})).toHaveTextContent(`
- Page URL: data:text/html,<html><title>Title</title><body>Hello, world!</body></html>
- Page Title: Title
- Page Snapshot
\`\`\`yaml
- document [ref=s1e2]: Hello, world!
\`\`\`
`
);
const response = await client.callTool({
name: 'browser_save_as_pdf',
});
expect(response).toHaveTextContent(/^Saved as.*page-[^:]+.pdf$/);
});

View File

@ -81,15 +81,14 @@ export const test = baseTest.extend<Fixtures>({
type Response = Awaited<ReturnType<Client['callTool']>>;
export const expect = baseExpect.extend({
toHaveTextContent(response: Response, content: string | string[]) {
toHaveTextContent(response: Response, content: string | RegExp) {
const isNot = this.isNot;
try {
content = Array.isArray(content) ? content : [content];
const texts = (response.content as any).map(c => c.text);
const text = (response.content as any)[0].text;
if (isNot)
baseExpect(texts).not.toEqual(content);
baseExpect(text).not.toMatch(content);
else
baseExpect(texts).toEqual(content);
baseExpect(text).toMatch(content);
} catch (e) {
return {
pass: isNot,