mirror of
https://github.com/microsoft/playwright-mcp.git
synced 2025-07-24 06:42:26 +08:00
93 lines
3.2 KiB
TypeScript
93 lines
3.2 KiB
TypeScript
/**
|
|
* Copyright (c) Microsoft Corporation.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import url from 'node:url';
|
|
import path from 'node:path';
|
|
import { spawnSync } from 'node:child_process';
|
|
import { test, expect } from './fixtures.js';
|
|
|
|
test('cdp server', async ({ cdpServer, startClient, server }) => {
|
|
await cdpServer.start();
|
|
const { client } = await startClient({ args: [`--cdp-endpoint=${cdpServer.endpoint}`] });
|
|
expect(await client.callTool({
|
|
name: 'browser_navigate',
|
|
arguments: { url: server.HELLO_WORLD },
|
|
})).toContainTextContent(`- generic [active] [ref=e1]: Hello, world!`);
|
|
});
|
|
|
|
test('cdp server reuse tab', async ({ cdpServer, startClient, server }) => {
|
|
const browserContext = await cdpServer.start();
|
|
const { client } = await startClient({ args: [`--cdp-endpoint=${cdpServer.endpoint}`] });
|
|
|
|
const [page] = browserContext.pages();
|
|
await page.goto(server.HELLO_WORLD);
|
|
|
|
expect(await client.callTool({
|
|
name: 'browser_click',
|
|
arguments: {
|
|
element: 'Hello, world!',
|
|
ref: 'f0',
|
|
},
|
|
})).toHaveTextContent(`Error: No current snapshot available. Capture a snapshot or navigate to a new location first.`);
|
|
|
|
expect(await client.callTool({
|
|
name: 'browser_snapshot',
|
|
})).toHaveTextContent(`
|
|
- Ran Playwright code:
|
|
\`\`\`js
|
|
// <internal code to capture accessibility snapshot>
|
|
\`\`\`
|
|
|
|
- Page URL: ${server.HELLO_WORLD}
|
|
- Page Title: Title
|
|
- Page Snapshot
|
|
\`\`\`yaml
|
|
- generic [active] [ref=e1]: Hello, world!
|
|
\`\`\`
|
|
`);
|
|
});
|
|
|
|
test('should throw connection error and allow re-connecting', async ({ cdpServer, startClient, server }) => {
|
|
const { client } = await startClient({ args: [`--cdp-endpoint=${cdpServer.endpoint}`] });
|
|
|
|
server.setContent('/', `
|
|
<title>Title</title>
|
|
<body>Hello, world!</body>
|
|
`, 'text/html');
|
|
|
|
expect(await client.callTool({
|
|
name: 'browser_navigate',
|
|
arguments: { url: server.PREFIX },
|
|
})).toContainTextContent(`Error: browserType.connectOverCDP: connect ECONNREFUSED`);
|
|
await cdpServer.start();
|
|
expect(await client.callTool({
|
|
name: 'browser_navigate',
|
|
arguments: { url: server.PREFIX },
|
|
})).toContainTextContent(`- generic [active] [ref=e1]: Hello, world!`);
|
|
});
|
|
|
|
// NOTE: Can be removed when we drop Node.js 18 support and changed to import.meta.filename.
|
|
const __filename = url.fileURLToPath(import.meta.url);
|
|
|
|
test('does not support --device', async () => {
|
|
const result = spawnSync('node', [
|
|
path.join(__filename, '../../cli.js'), '--device=Pixel 5', '--cdp-endpoint=http://localhost:1234',
|
|
]);
|
|
expect(result.error).toBeUndefined();
|
|
expect(result.status).toBe(1);
|
|
expect(result.stderr.toString()).toContain('Device emulation is not supported with cdpEndpoint.');
|
|
});
|