Viewing Demos

Midstream demos are live, interactive versions of your application. Here's how to get the most out of them.

Accessing Demos

From Pull Requests

When tests run on a pull request, Midstream comments with demo links:

1. Find the Midstream comment on your PR
2. Click on any checkpoint name to view that demo
3. The demo opens in a new tab

From the Dashboard

Access all your demos from the Midstream dashboard:

1. Navigate to your project
2. Select a branch or pull request
3. Browse checkpoints and click to view

Interacting with Demos

Demos are fully interactive - you can:

• Click and navigate - Explore the app as a user would
• Fill forms - Enter data and submit forms
• Trigger actions - Click buttons and see results

The demo preserves the exact state from when the checkpoint was captured, including:

• User session and authentication
• Form data and selections
• Browser cookies and localStorage
• API response data

Sharing Demos

Each demo has a unique, shareable URL:

https://checkout-page.myorg.midstream.studio

Share this URL with:

• Team members for code review
• Designers for feedback
• Product managers for approval
• QA for testing

No login required to view demos - anyone with the link can access them.

Demo Lifecycle

Demos are available as long as:

1. The pull request is open
2. The branch exists
3. You haven't exceeded your plan limits

When a PR is merged or closed, demos remain available for a retention period based on your plan.

Best Practices

1. Add descriptive names - Make it clear what each checkpoint shows
2. Use folders - Group related checkpoints together
3. Include context - Add descriptions explaining the user journey
4. Share early - Use demos for early feedback, not just final review