# Browser Testing Before Merge, With a Video

Source: https://maito.app/workflows/test-a-branch-in-a-real-browser-before-merge

For each pull request Maito opens the app in a real browser, clicks through the changed flows at desktop and phone width and posts findings with a video.

Every change gets clicked through in a real browser, with a video.

[QA](https://maito.app/workflows/team/qa) · [Software](https://maito.app/workflows/industry/software) · When something happens · Updated October 19, 2026

Works with

-   Slack
-   Email

## How do you test a branch in a real browser before merge?

To test a branch in a real browser before merge, set a Loop in Maito that starts when a pull request opens. It opens the app, clicks through the flows the change touches at desktop and phone width, records a video, and posts passes and failures in your QA channel. It retests when you push fixes.

## How it's done today

Testing happens on staging after merge, if at all.

## What Maito does

1.  Start the app at the branch
2.  Run the user flows the change touches
3.  Record a video and report problems

## Example

Loop run: Pull request opened · #881 Add coupon codes to checkout

**Maito** (4:20 PM):

Browser test of PR 881 is done: signup, add to cart, checkout with a coupon, remove the coupon. Desktop (1440) and phone (390).

• Pass: SAVE10 takes $12.40 off a $124.00 cart. Total $111.60.  
• Pass: an invalid code shows an error.  
• Fail: at 390 px the coupon field overlaps the Pay button.

**Catch:** removing the coupon after entering shipping leaves the total at $111.60 on screen. The confirmation page then says $124.00. The order is right, but customers will see two different totals.

Attached: pr-881-checkout.mp4. Jess, both are yours.

**Jess** (5:05 PM):

I pushed fixes. Test again on 390 and desktop.

**Maito** (5:14 PM):

Retested on the latest commit. The Pay button is clear and the total updates to $124.00 when the coupon is removed. All 4 checks pass. New video attached.

## How to set it up

When something happens Test a branch in a real browser before merge

Ask your agent

“When a pull request opens in the web app repo, run it in a browser, click through the flows it touches, record a video and post what you find in #qa.”

## What it won't do

It tests the flows it can work out from the change and what you tell it. It does not replace a full test suite or exploratory testing by a person.

## Questions

### Does it test on real devices?

It uses a browser at desktop and phone widths. It does not test on physical phones.

### How does it log in to the app?

With test accounts stored in the Vault (Settings, then Vault), so no passwords go in chat.

### Can it retest after fixes?

Yes. Mention Maito in the thread and it reruns on the latest commit with a new video.

## More qa workflows

-   [Nightly regression run Your key flows get tested every night, with a report in the morning. QA · On a schedule Works with Slack, Email.](https://maito.app/workflows/nightly-regression-run)
-   [Reproduce a reported bug against the last release Check whether a bug is new, old, or already fixed. QA · When you ask Works with Slack, Email.](https://maito.app/workflows/reproduce-a-reported-bug-against-the-last-release)
-   [Write test cases from a spec Turn a feature spec into a checklist of test cases, including edge cases. QA · When you ask Works with Box.](https://maito.app/workflows/write-test-cases-from-a-spec)
-   [Check the site on many screen sizes See how key pages look on phones, tablets and wide screens. QA · When you ask Works with Slack, Email.](https://maito.app/workflows/check-the-site-on-many-screen-sizes)
-   [Check for broken links and pages Crawl your site and docs for broken links, missing images and errors. QA · On a schedule Works with Slack, Email.](https://maito.app/workflows/check-for-broken-links-and-pages)

[See all workflows](https://maito.app/workflows)

## Put your AI teammate to work.

Set it up in minutes. Start with this one, and let it earn the next one.

[Put Maito to work](https://maito.app/login?returnTo=%2Fworkflows%2Ftest-a-branch-in-a-real-browser-before-merge)[Book a demo](mailto:support@maito.app?subject=Maito%20demo)