ros/playwright-mcp
1
0
Fork 0
mirror of https://github.com/microsoft/playwright-mcp.git synced 2026-03-16 22:33:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: connect to published extension (#1399)

Browse Source
This commit is contained in:
Yury Semikhatsky
2026-02-13 16:50:28 -08:00
committed by GitHub
parent 79dd021d1d
commit af9ec1823b
2 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/extension/manifest.json
View File

@@ -3,7 +3,6 @@
"name": "Playwright MCP Bridge", "name": "Playwright MCP Bridge",
"version": "0.0.66", "version": "0.0.66",
"description": "Share browser tabs with Playwright MCP server", "description": "Share browser tabs with Playwright MCP server",
"key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA9nMS2b0WCohjVHPGb8D9qAdkbIngDqoAjTeSccHJijgcONejge+OJxOQOMLu7b0ovt1c9BiEJa5JcpM+EHFVGL1vluBxK71zmBy1m2f9vZF3HG0LSCp7YRkum9rAIEthDwbkxx6XTvpmAY5rjFa/NON6b9Hlbo+8peUSkoOK7HTwYnnI36asZ9eUTiveIf+DMPLojW2UX33vDWG2UKvMVDewzclb4+uLxAYshY7Mx8we/b44xu+Anb/EBLKjOPk9Yh541xJ5Ozc8EiP/5yxOp9c/lRiYUHaRW+4r0HKZyFt0eZ52ti2iM4Nfk7jRXR7an3JPsUIf5deC/1cVM/+1ZQIDAQAB",
"permissions": [ "permissions": [
"debugger", "debugger",
"activeTab", "activeTab",

44
packages/extension/tests/extension.spec.ts
View File

@@ -42,9 +42,19 @@ type TestFixtures = {
cli: (...args: string[]) => Promise<CliResult>; cli: (...args: string[]) => Promise<CliResult>;
}; };
const extensionPublicKey = 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA9nMS2b0WCohjVHPGb8D9qAdkbIngDqoAjTeSccHJijgcONejge+OJxOQOMLu7b0ovt1c9BiEJa5JcpM+EHFVGL1vluBxK71zmBy1m2f9vZF3HG0LSCp7YRkum9rAIEthDwbkxx6XTvpmAY5rjFa/NON6b9Hlbo+8peUSkoOK7HTwYnnI36asZ9eUTiveIf+DMPLojW2UX33vDWG2UKvMVDewzclb4+uLxAYshY7Mx8we/b44xu+Anb/EBLKjOPk9Yh541xJ5Ozc8EiP/5yxOp9c/lRiYUHaRW+4r0HKZyFt0eZ52ti2iM4Nfk7jRXR7an3JPsUIf5deC/1cVM/+1ZQIDAQAB';
const extensionId = 'jakfalbnbhgkpmoaakfflhflbfpkailf';
const test = base.extend<TestFixtures>({ const test = base.extend<TestFixtures>({
pathToExtension: async ({}, use) => { pathToExtension: async ({}, use, testInfo) => {
await use(path.resolve(__dirname, '../dist')); const extensionDir = testInfo.outputPath('extension');
const srcDir = path.resolve(__dirname, '../dist');
await fs.cp(srcDir, extensionDir, { recursive: true });
const manifestPath = path.join(extensionDir, 'manifest.json');
const manifest = JSON.parse(await fs.readFile(manifestPath, 'utf8'));
manifest.key = extensionPublicKey;
await fs.writeFile(manifestPath, JSON.stringify(manifest, null, 2));
await use(extensionDir);
}, },
browserWithExtension: async ({ mcpBrowser, pathToExtension }, use, testInfo) => { browserWithExtension: async ({ mcpBrowser, pathToExtension }, use, testInfo) => {
@@ -175,17 +185,13 @@ async function startWithExtensionFlag(browserWithExtension: BrowserWithExtension
} }
const testWithOldExtensionVersion = test.extend({ const testWithOldExtensionVersion = test.extend({
pathToExtension: async ({}, use, testInfo) => { pathToExtension: async ({ pathToExtension }, use, testInfo) => {
const extensionDir = testInfo.outputPath('extension'); const manifestPath = path.join(pathToExtension, 'manifest.json');
const oldPath = path.resolve(__dirname, '../dist');
await fs.cp(oldPath, extensionDir, { recursive: true });
const manifestPath = path.join(extensionDir, 'manifest.json');
const manifest = JSON.parse(await fs.readFile(manifestPath, 'utf8')); const manifest = JSON.parse(await fs.readFile(manifestPath, 'utf8'));
manifest.key = extensionPublicKey;
manifest.version = '0.0.1'; manifest.version = '0.0.1';
await fs.writeFile(manifestPath, JSON.stringify(manifest, null, 2) + '\n'); await fs.writeFile(manifestPath, JSON.stringify(manifest, null, 2));
await use(pathToExtension);
await use(extensionDir);
}, },
}); });
@@ -195,7 +201,7 @@ test(`navigate with extension`, async ({ browserWithExtension, startClient, serv
const client = await startWithExtensionFlag(browserWithExtension, startClient); const client = await startWithExtensionFlag(browserWithExtension, startClient);
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
const navigateResponse = client.callTool({ const navigateResponse = client.callTool({
@@ -226,7 +232,7 @@ test(`snapshot of an existing page`, async ({ browserWithExtension, startClient,
expect(browserContext.pages()).toHaveLength(3); expect(browserContext.pages()).toHaveLength(3);
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
const navigateResponse = client.callTool({ const navigateResponse = client.callTool({
@@ -254,7 +260,7 @@ test(`extension not installed timeout`, async ({ browserWithExtension, startClie
const client = await startWithExtensionFlag(browserWithExtension, startClient); const client = await startWithExtensionFlag(browserWithExtension, startClient);
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
expect(await client.callTool({ expect(await client.callTool({
@@ -277,7 +283,7 @@ testWithOldExtensionVersion(`works with old extension version`, async ({ browser
const client = await startWithExtensionFlag(browserWithExtension, startClient); const client = await startWithExtensionFlag(browserWithExtension, startClient);
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
const navigateResponse = client.callTool({ const navigateResponse = client.callTool({
@@ -304,7 +310,7 @@ test(`extension needs update`, async ({ browserWithExtension, startClient, serve
const client = await startWithExtensionFlag(browserWithExtension, startClient); const client = await startWithExtensionFlag(browserWithExtension, startClient);
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
const navigateResponse = client.callTool({ const navigateResponse = client.callTool({
@@ -346,14 +352,14 @@ test(`custom executablePath`, async ({ startClient, server, useShortConnectionTi
error: expect.stringContaining('Extension connection timeout.'), error: expect.stringContaining('Extension connection timeout.'),
isError: true, isError: true,
}); });
expect(await fs.readFile(test.info().outputPath('output.txt'), 'utf8')).toMatch(/Custom exec args.*chrome-extension:\/\/jakfalbnbhgkpmoaakfflhflbfpkailf\/connect\.html\?/); expect(await fs.readFile(test.info().outputPath('output.txt'), 'utf8')).toMatch(new RegExp(`Custom exec args.*chrome-extension://${extensionId}/connect\\.html\\?`));
}); });
test(`bypass connection dialog with token`, async ({ browserWithExtension, startClient, server }) => { test(`bypass connection dialog with token`, async ({ browserWithExtension, startClient, server }) => {
const browserContext = await browserWithExtension.launch(); const browserContext = await browserWithExtension.launch();
const page = await browserContext.newPage(); const page = await browserContext.newPage();
await page.goto('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/status.html'); await page.goto(`chrome-extension://${extensionId}/status.html`);
const token = await page.locator('.auth-token-code').textContent(); const token = await page.locator('.auth-token-code').textContent();
const [name, value] = token?.split('=') || []; const [name, value] = token?.split('=') || [];
@@ -390,7 +396,7 @@ test.describe('CLI with extension', () => {
}, null, 2)); }, null, 2));
const confirmationPagePromise = browserContext.waitForEvent('page', page => { const confirmationPagePromise = browserContext.waitForEvent('page', page => {
return page.url().startsWith('chrome-extension://jakfalbnbhgkpmoaakfflhflbfpkailf/connect.html'); return page.url().startsWith(`chrome-extension://${extensionId}/connect.html`);
}); });
// Start the CLI command in the background // Start the CLI command in the background