Steps to replicate the issue (include links if applicable):
- Load mobile site, and make sure your viewport is fullscreen
- Bucket yourself into the experiment
$.cookie( 'centralnotice_hide_fundraising', '{"v":1,"created":1779379520,"reason":"donate"}', { path: '/' } );
mw.testKitchen.overrideExperimentGroup('donor-delight-badge', 'treatment-b-simple');What happens?:
No badge displays (unless you resize your browser to small)
What should have happened instead?:
Badge should show for all tablet users.
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
Other information (browser name/version, screenshots, etc.):
BDD
Feature: Donor badge visible on tablet/desktop widths
Scenario: Tablet-width mobile site in treatment
Given I am a logged-out donor bucketed into treatment-b-simple on the mobile (Minerva) site
And my viewport is at a tablet/desktop width (above the phone breakpoint)
When the article loads
Then the donor badge container is shown (not display:none)
And the badge icon renders in the headerTest Plan
Test Case 1: Badge shows at tablet width
On the Minerva site at a tablet viewport (~768px+), bucket into treatment-b-simple (donor cookie + pref 1 + override); reload.
AC1: .minerva-badge-container is shown (display != none) at tablet width.
AC2: The badge icon renders (non-zero width) in the top-right of the header.
Test Results
| AC | Status | Details for test run T428277#12008088 |
|---|---|---|
| 1 | ✅ | tablet viewport 768px (Minerva): .minerva-badge-container display:block (not none) — see T428277_beta_AC1_1.png |
| 2 | ✅ | badge icon renders 35px wide, top-right of the header (left≈725 in the 768px viewport) |
