@@ -189,9 +189,9 @@ Generate test cases from PRDs, convert manual tests to low-code automation, and
189
189
}
190
190
}
191
191
```
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 :
193
193
<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 ">
195
195
</div>
196
196
197
197
- 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.
474
474
< /div>
475
475
476
476
# ## Alternative way to Setup Remote MCP
477
+
477
478
- Step 1.Click on the gear icon to Select Tools
479
+
478
480
< 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 " >
480
482
< /div>
481
483
482
484
- 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
+
483
486
< 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 " >
485
488
< /div>
486
489
487
490
- Step 3. Click on HTTP option
488
491
< 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 " >
490
493
< /div>
491
494
492
495
- Step 4. Paste Remote MCP Server URL
493
496
< 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 " >
495
498
< /div>
496
499
497
500
- Step 5. Give server id as browserstack
501
+
498
502
< 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 " >
500
504
< /div>
501
505
502
506
- Step 6. In VSCode Click on start MCP Server and then click on " Allow"
507
+
503
508
< 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 " >
505
510
< /div>
511
+
506
512
< 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 " >
508
514
< /div>
515
+
509
516
< 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 " >
511
518
< /div>
512
519
513
520
0 commit comments