supabase / supabase / 42040624329

87%

push

github

feat(studio): add Test badge to webhook deliveries for test events (#52510)

## Problem

Test deliveries in the webhook deliveries table look the same as real
ones. Test events are sent with `is_test: true` in the event payload,
but the UI doesn't surface it, so there's no way to tell them apart at a
glance.

Closes FE-4710.

## Solution

- Added an `isTestDelivery` helper that checks `eventPayload.is_test ===
true`. It uses a strict comparison, so values like the string `"true"`
don't count.
- Show a green "Test" badge next to the event name in the deliveries
table.
- Show the same badge in the header of the delivery details sheet, next
to the status badge.
- Added unit tests for the helper and component tests for the table and
the sheet, each covering a test delivery and a real one.

## Review instructions

1. Open a project's webhooks page and select an endpoint.
2. Click the button to send a test event and wait for its delivery to
appear in the Deliveries table.
3. Check that the new row has a green "Test" badge next to its event
name, and that existing rows without it have no badge.
4. Click the test row and check that the delivery details sheet shows
the "Test" badge next to the status badge in the header.
5. Click a non-test row and check that its sheet has no "Test" badge.

2043 of 2411 branches covered (84.74%)

Branch coverage included in aggregate %.

2839 of 3198 relevant lines covered (88.77%)

201.33 hits per line