@@ -189,9 +189,9 @@ Generate test cases from PRDs, convert manual tests to low-code automation, and
189189 }
190190 }
191191 ```
192- - To setup Remote BrowserStack MCP instead of local BrowserStack MCP you can add the following JSON content instead :
192+ - To setup Remote BrowserStack MCP you can add the following JSON content instead of the above :
193193 <div align="center">
194- <img src="assets/remotemcp_json_file.png" alt="Remote MCP JSON file" height="100 " width="100 ">
194+ <img src="assets/remotemcp_json_file.png" alt="Remote MCP JSON file" height="200 " width="200 ">
195195 </div>
196196
197197 - In VSCode, make sure to click on `Start` button in the MCP Server to start the server.
@@ -474,40 +474,47 @@ As of now we support 20 tools.
474474 < /div>
475475
476476# ## Alternative way to Setup Remote MCP
477+
477478 - Step 1.Click on the gear icon to Select Tools
479+
478480 < div align=" center" >
479- < img src=" assets/select_tools.png" alt=" Select Tools" height=" 100 " >
481+ < img src=" assets/select_tools.png" alt=" Select Tools" height=" 200 " width= " 200 " >
480482 < /div>
481483
482484 - Step 2. A tool menu would appear at the top-centre, scroll down on the menu at the top and then Click on Add MCP Server
485+
483486 < div align=" center" >
484- < img src=" assets/add_mcp_server.png" alt=" Add MCP Server" height=" 100 " >
487+ < img src=" assets/add_mcp_server.png" alt=" Add MCP Server" height=" 200 " width= " 200 " >
485488 < /div>
486489
487490 - Step 3. Click on HTTP option
488491 < div align=" center" >
489- < img src=" assets/http_option.png" alt=" HTTP Option" height=" 100 " width=" 100 " >
492+ < img src=" assets/http_option.png" alt=" HTTP Option" height=" 200 " width=" 200 " >
490493 < /div>
491494
492495 - Step 4. Paste Remote MCP Server URL
493496 < div align=" center" >
494- < img src=" assets/server_url.png" alt=" Remote MCP Server URL" height=" 100 " width=" 100 " >
497+ < img src=" assets/server_url.png" alt=" Remote MCP Server URL" height=" 200 " width=" 200 " >
495498 < /div>
496499
497500 - Step 5. Give server id as browserstack
501+
498502 < div align=" center" >
499- < img src=" assets/server_id.png" alt=" Remote MCP Server ID" height=" 100 " width=" 100 " >
503+ < img src=" assets/server_id.png" alt=" Remote MCP Server ID" height=" 200 " width=" 200 " >
500504 < /div>
501505
502506 - Step 6. In VSCode Click on start MCP Server and then click on " Allow"
507+
503508 < div align=" center" >
504- < img src=" assets/authentication1.png" alt=" authentication1" height=" 100 " width=" 100 " >
509+ < img src=" assets/authentication1.png" alt=" authentication1" height=" 200 " width=" 200 " >
505510 < /div>
511+
506512 < div align=" center" >
507- < img src=" assets/authentication2.png" alt=" authentication2" height=" 100 " width=" 100 " >
513+ < img src=" assets/authentication2.png" alt=" authentication2" height=" 200 " width=" 200 " >
508514 < /div>
515+
509516 < div align=" center" >
510- < img src=" assets/signin_success.png" alt=" Sign_in_success" height=" 100 " width=" 100 " >
517+ < img src=" assets/signin_success.png" alt=" Sign_in_success" height=" 200 " width=" 200 " >
511518 < /div>
512519
513520
0 commit comments