참고소스 수정본
This commit is contained in:
LASTA_DEV01\lasta
276
참고/playwright-main/tests/mcp/sse.spec.ts
Normal file
276
참고/playwright-main/tests/mcp/sse.spec.ts
Normal file
@@ -0,0 +1,276 @@
|
||||
/**
|
||||
* 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 fs from 'fs';
|
||||
|
||||
import { ChildProcess, spawn } from 'child_process';
|
||||
import { SSEClientTransport } from '@modelcontextprotocol/sdk/client/sse.js';
|
||||
import { Client } from '@modelcontextprotocol/sdk/client/index.js';
|
||||
import { test as baseTest, expect, mcpServerPath, formatLog } from './fixtures';
|
||||
import { inheritAndCleanEnv } from '../config/utils';
|
||||
|
||||
import type { Config } from '../../packages/playwright-core/src/tools/mcp/config.d';
|
||||
|
||||
const test = baseTest.extend<{ serverEndpoint: (options?: { args?: string[], noPort?: boolean }) => Promise<{ url: URL, stderr: () => string }> }>({
|
||||
serverEndpoint: async ({ mcpHeadless }, use, testInfo) => {
|
||||
let cp: ChildProcess | undefined;
|
||||
const userDataDir = testInfo.outputPath('user-data-dir');
|
||||
await use(async (options?: { args?: string[], noPort?: boolean }) => {
|
||||
if (cp)
|
||||
throw new Error('Process already running');
|
||||
|
||||
cp = spawn('node', [
|
||||
...mcpServerPath,
|
||||
...(options?.noPort ? [] : ['--port=0']),
|
||||
...(!options?.args?.includes('--isolated') ? ['--user-data-dir=' + userDataDir] : []),
|
||||
...(mcpHeadless ? ['--headless'] : []),
|
||||
...(options?.args || []),
|
||||
], {
|
||||
stdio: 'pipe',
|
||||
env: inheritAndCleanEnv({
|
||||
DEBUG: 'pw:mcp:test',
|
||||
DEBUG_COLORS: '0',
|
||||
DEBUG_HIDE_DATE: '1',
|
||||
}),
|
||||
cwd: testInfo.outputPath(),
|
||||
});
|
||||
let stderr = '';
|
||||
const url = await new Promise<string>(resolve => cp!.stderr?.on('data', data => {
|
||||
stderr += data.toString();
|
||||
const match = stderr.match(/Listening on (http:\/\/.*)/);
|
||||
if (match)
|
||||
resolve(match[1]);
|
||||
}));
|
||||
|
||||
return { url: new URL(url), stderr: () => stderr };
|
||||
});
|
||||
cp?.kill('SIGTERM');
|
||||
},
|
||||
});
|
||||
|
||||
test('sse transport', async ({ serverEndpoint }) => {
|
||||
const { url } = await serverEndpoint();
|
||||
const transport = new SSEClientTransport(new URL('/sse', url));
|
||||
const client = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client.connect(transport);
|
||||
await client.ping();
|
||||
});
|
||||
|
||||
test('sse transport (config)', async ({ serverEndpoint }) => {
|
||||
const config: Config = {
|
||||
server: {
|
||||
port: 0,
|
||||
}
|
||||
};
|
||||
const configFile = test.info().outputPath('config.json');
|
||||
await fs.promises.writeFile(configFile, JSON.stringify(config, null, 2));
|
||||
|
||||
const { url } = await serverEndpoint({ noPort: true, args: ['--config=' + configFile] });
|
||||
const transport = new SSEClientTransport(new URL('/sse', url));
|
||||
const client = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client.connect(transport);
|
||||
await client.ping();
|
||||
});
|
||||
|
||||
test('sse transport browser lifecycle (isolated)', async ({ serverEndpoint, server }) => {
|
||||
const { url, stderr } = await serverEndpoint({ args: ['--isolated'] });
|
||||
|
||||
const transport1 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client1 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client1.connect(transport1);
|
||||
await client1.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
await client1.close();
|
||||
|
||||
const transport2 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client2 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client2.connect(transport2);
|
||||
await client2.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
await client2.close();
|
||||
|
||||
await expect.poll(() => formatLog(stderr())).toEqual({
|
||||
'create SSE session': 2,
|
||||
'delete SSE session': 2,
|
||||
'create context': 2,
|
||||
'create browser (isolated)': 2,
|
||||
'close browser': 2,
|
||||
});
|
||||
});
|
||||
|
||||
test('sse transport browser lifecycle (isolated, multiclient)', async ({ serverEndpoint, server }) => {
|
||||
const { url, stderr } = await serverEndpoint({ args: ['--isolated'] });
|
||||
|
||||
const transport1 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client1 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client1.connect(transport1);
|
||||
await client1.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
await client1.callTool({
|
||||
name: 'browser_evaluate',
|
||||
arguments: { function: '() => { localStorage.a = 42; }' },
|
||||
});
|
||||
|
||||
const transport2 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client2 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client2.connect(transport2);
|
||||
await client2.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
expect(await client2.callTool({
|
||||
name: 'browser_evaluate',
|
||||
arguments: { function: '() => localStorage.a' },
|
||||
})).toHaveResponse({
|
||||
result: 'undefined',
|
||||
});
|
||||
await client1.close();
|
||||
|
||||
const transport3 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client3 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client3.connect(transport3);
|
||||
await client3.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
|
||||
await client2.close();
|
||||
await client3.close();
|
||||
|
||||
await expect.poll(() => formatLog(stderr())).toEqual({
|
||||
'create SSE session': 3,
|
||||
'delete SSE session': 3,
|
||||
'create context': 3,
|
||||
'create browser (isolated)': 1,
|
||||
'close browser': 1,
|
||||
});
|
||||
});
|
||||
|
||||
test('sse transport browser lifecycle (persistent, multiclient)', async ({ serverEndpoint, server }) => {
|
||||
const { url } = await serverEndpoint();
|
||||
|
||||
const transport1 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client1 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client1.connect(transport1);
|
||||
await client1.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
|
||||
const transport2 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client2 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client2.connect(transport2);
|
||||
const response = await client2.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
expect(response.isError).toBe(true);
|
||||
expect(response.content?.[0].text).toContain('use --isolated to run multiple instances of the same browser');
|
||||
|
||||
await client1.close();
|
||||
await client2.close();
|
||||
});
|
||||
|
||||
test('sse transport browser lifecycle (persistent)', async ({ serverEndpoint, server }) => {
|
||||
const { url, stderr } = await serverEndpoint();
|
||||
|
||||
const transport1 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client1 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client1.connect(transport1);
|
||||
await client1.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
await client1.callTool({
|
||||
name: 'browser_evaluate',
|
||||
arguments: { function: '() => { localStorage.a = 42; }' },
|
||||
});
|
||||
await client1.close();
|
||||
|
||||
const transport2 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client2 = new Client({ name: 'test', version: '1.0.0' });
|
||||
await client2.connect(transport2);
|
||||
await client2.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
expect(await client2.callTool({
|
||||
name: 'browser_evaluate',
|
||||
arguments: { function: '() => localStorage.a' },
|
||||
})).toHaveResponse({
|
||||
result: '"42"',
|
||||
});
|
||||
await client2.close();
|
||||
|
||||
await expect.poll(() => formatLog(stderr())).toEqual({
|
||||
'create SSE session': 2,
|
||||
'delete SSE session': 2,
|
||||
'create context': 2,
|
||||
'create browser (persistent)': 2,
|
||||
'close browser': 2,
|
||||
});
|
||||
});
|
||||
|
||||
test('sse transport shared context', async ({ serverEndpoint, server }) => {
|
||||
const { url, stderr } = await serverEndpoint({ args: ['--shared-browser-context'] });
|
||||
|
||||
// Create first client and navigate
|
||||
const transport1 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client1 = new Client({ name: 'test1', version: '1.0.0' });
|
||||
await client1.connect(transport1);
|
||||
await client1.callTool({
|
||||
name: 'browser_navigate',
|
||||
arguments: { url: server.HELLO_WORLD },
|
||||
});
|
||||
|
||||
// Create second client - should reuse the same browser context
|
||||
const transport2 = new SSEClientTransport(new URL('/sse', url));
|
||||
const client2 = new Client({ name: 'test2', version: '1.0.0' });
|
||||
await client2.connect(transport2);
|
||||
|
||||
// Get tabs from second client - should see the tab created by first client
|
||||
const tabsResult = await client2.callTool({
|
||||
name: 'browser_tabs',
|
||||
arguments: { action: 'list' },
|
||||
});
|
||||
|
||||
// Should have at least one tab (the one created by client1)
|
||||
expect(tabsResult.content[0]?.text).toContain('Title');
|
||||
|
||||
await client1.close();
|
||||
|
||||
// Second client should still work since context is shared
|
||||
await client2.callTool({
|
||||
name: 'browser_snapshot',
|
||||
arguments: {},
|
||||
});
|
||||
|
||||
await client2.close();
|
||||
|
||||
await expect.poll(() => formatLog(stderr())).toEqual({
|
||||
'create SSE session': 2,
|
||||
'delete SSE session': 2,
|
||||
'create browser (persistent)': 1,
|
||||
'create context': 2,
|
||||
'close browser': 1,
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user