Mock App Bridge for Shopify released

App Bridge
1

Hi there,

One of the problems I’ve faced developing and maintaining embedded Shopify apps is that I couldn’t easily write automated browser tests or integrate Playwright or Chrome DevTools MCP servers to interact with my Shopify app programmatically. This is because of the sensible CAPTCHA and 2FA protections on the Shopify Admin portal.

So, I just published Mock Bridge for Shopify embedded apps to help with this.

Mock Bridge
Mock Bridge1280×720 451 KB

:movie_camera: Watch the demo video

This package launches a local version of the Shopify Admin with a mocked AppBridge set of APIs so you can load your Shopify embedded app without logging into the Shopify Admin.

npx @getverdict/mock-bridge http://localhost:3000 --shop test.myshopify.com

This command will spin up a Mock Bridge server loading your Shopify app that is running on port 3000.

Then you can open your Shopify app and use an MCP to interact with it, or use a browser automation testing suite like Cypress to test various scenarios.

:books: Docs: GitHub - ctrlaltdylan/mock-bridge: A complete mock of Shopify App Bridge to unlock automated browser testing, Chrome MCP and more for Shopify Apps

:package: Package: https://www.npmjs.com/package/@getverdict/mock-bridge

Happy building :hammer_and_wrench:

4 Likes
2

Thanks for sharing with the community @Dylan ! Will definitely take a look!