warehack.ing/playwright-mcp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: prevent large screenshots from being sent to API while preserving file save

Browse source 
- Block images exceeding 8000px from being included in MCP responses
- Add clear warning messages when images are too large for API
- Always save screenshots to file regardless of size
- Prevents conversation history issues with oversized fullPage screenshots
- Add test script for verifying large image protection

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ryan Malloy 2025-09-04 14:46:35 -06:00
parent f31b9778c9
commit c9c82470e8
2 changed files with 88 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

64
test-large-screenshot.js Executable file
View file

@ -0,0 +1,64 @@
#!/usr/bin/env node
/**
* Test script to verify large screenshot handling
* Creates a very tall page and tests fullPage screenshot protection
*/
const { execSync } = require('child_process');
const fs = require('fs');
const path = require('path');
async function testLargeScreenshot() {
console.log('🧪 Testing large screenshot protection...');
// Create a simple HTML page that will be very tall
const testHtml = `
<!DOCTYPE html>
<html>
<head>
<title>Large Page Test</title>
<style>
.tall-content {
height: 10000px;
background: linear-gradient(to bottom, #ff0000, #00ff00, #0000ff);
display: flex;
align-items: center;
justify-content: center;
font-size: 48px;
color: white;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
</style>
</head>
<body>
<div class="tall-content">
This is a very tall page (10000px height)<br>
Should trigger large image protection
</div>
</body>
</html>
`;
const testFile = path.join(__dirname, 'test-large-page.html');
fs.writeFileSync(testFile, testHtml);
console.log(`📄 Created test file: ${testFile}`);
console.log('🔧 This test requires manual verification with an MCP client');
console.log('');
console.log('To test:');
console.log('1. Start MCP server: npm run build && node lib/index.js');
console.log(`2. Navigate to: file://${testFile}`);
console.log('3. Try: browser_take_screenshot {"fullPage": true}');
console.log('4. Verify: Image saved to file but NOT included in response');
console.log('5. Should see: "🚫 **Image not included in response**" message');
console.log('');
console.log('Expected behavior:');
console.log('- Screenshot file should be created');
console.log('- No large image sent to API (prevents conversation issues)');
console.log('- Clear warning message displayed');
return testFile;
}
testLargeScreenshot().catch(console.error);