Change #1270081 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Mobile Page Previews: font size is smaller than body text

https://gerrit.wikimedia.org/r/1270081

Test cases

Tested on production wiki, iOS Simulator iPhone 14 Pro. Otherwise noted in the test case.

(1) Dark and light mode ✅
Example: https://en.wikipedia.org/wiki/Wikipedia?mpo=mobile-page-previews:treatment

(2) Font size mode ✅
Minerva font mode includes standard, medium, and large font sizes.
The preview summary text should be smaller than the article text.

(3) RTL languages ✅
Example: https://ar.wikipedia.org/wiki/ببغاء_رمادي_إفريقي?mpo=mobile-page-previews:treatment
📝 Note: Missing "Read more" translation

(4) Agglutinative languages like German and Finnish with super long words
Unable to test because ReaderExperiments is not enabled on German and Finnish wikis as per wmgUseReaderExperiments config (reference).

(5) No image ✅
Example: https://en.wikipedia.org/wiki/Sinners_(2025_film)?mpo=mobile-page-previews:treatment

(6) No summary text ✅
Tested locally by forcing missing summary text.

(7) Stubs ✅
A stub example: https://en.wikipedia.org/wiki/Romeo_and_Juliet_(swans)?mpo=mobile-page-previews:treatment from "Popular low quality articles".

(8) Articles with no intro paragraph ✅
Example: https://en.wikipedia.org/wiki/Order_of_precedence_in_Thailand?mpo=mobile-page-previews:treatment from Pages missing lead sections

---

T423173: Mobile Page Previews: Launch the experiment - will address translation coverage and enabling ReaderExperiments on the target wikis.

Change #1270081 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Mobile Page Previews: font size is smaller than body text

https://gerrit.wikimedia.org/r/1270081

Change #1270950 had a related patch set uploaded (by LWatson; author: LWatson):

[mediawiki/extensions/ReaderExperiments@master] Mobile Page Previews: fix width of bottom sheet

https://gerrit.wikimedia.org/r/1270950

Change #1270950 merged by jenkins-bot:

[mediawiki/extensions/ReaderExperiments@master] Mobile Page Previews: fix width of bottom sheet

https://gerrit.wikimedia.org/r/1270950

Notes for QA

Navigate to a Wikipedia article on beta wiki

• Enable Minerva skin on mobile
• Enable the Mobile Page Previews experiment: ?mpo=mobile-page-previews:treatment
• Example: https://en.wikipedia.org/wiki/NASA?mpo=mobile-page-previews:treatment

(1) Touch only

Link tap triggers the bottom sheet on touch screen devices only (or via touch emulation).

Steps:

1. On a touch screen device, navigate to any article
2. Tap a link in the article body

Expected:

• Browser does not navigate to the article immediately
• Backdrop dims the page
• Bottom sheet slides up with a progress spinner initially when loading
• After data loads, thumbnail, summary, and “Read more” link appear
• The tapped link is styled as an active link (text underlined)

Test with a mouse click. Expect that the bottom sheet doesn’t appear and navigation proceeds normally (immediately opens the article on preview link click)

(2) Redirect timeout fallback

Steps:

1. In DevTools Network, throttle network connection to 3G to test slow connection.
2. Tap on a link and wait without interacting.

Expected:

• Bottom sheet appears immediately with spinner
• After ~3 seconds (the redirect timeout), the browser navigates to the target article regardless of whether the fetch completed

(3) Redirect timeout cleared on successful fetch

Steps:

1. Tap a link under normal network conditions
2. Wait for the card to fully render

Expected:

• Card renders (spinner is replaced by content)
• No navigation occurs after 3 seconds
• User remains on the current article with the bottom sheet open

(4) API error (fallback redirect)

Steps:

1. In DevTools Network, block the /api/rest_v1/page/summary/ request (reference), or simulate a 500 response
2. Tap a link in the article body

Expected:

• Bottom sheet appears with spinner
• On fetch failure, the sheet closes and the browser navigates to the target article

(5) Dark mode

Steps:

1. Enable dark mode via Minerva’s appearance menu
2. Tap a link to open the bottom sheet

Expected:

• Backdrop uses a dark-appropriate overlay color
• Bottom sheet background is dark (not white)
• Title text, summary text, and “Read more” link are legible against the dark background
• Close button icon is visible

(6) Font size mode

Steps:

1. In Minerva settings, change font size to small, then repeat for regular and large
2. Tap a link

Expected:

• Summary text in the card reflects the selected font-size (@font-size-small, @font-size-medium, @font-size-large)
• “Read more” link font size matches the summary paragraph font size
• Text remains readable and does not overflow at any size

(7) Image missing (no thumbnail in API response)

Steps:

1. Find a link to an article known to have no lead image (e.g., a stub or text-only article), or mock the API to omit the thumbnail field.
2. Tap the link

Expected:

• No thumbnail is shown
• Summary and “Read more” link still display correctly
• Card layout is not broken; content is not misaligned due to missing image

(8) Summary missing (no extract_html in API response)

Steps:

1. Find or mock an article where the API returns no summary
2. Tap the link

Expected:

• No summary text is shown
• Article title fallback is shown instead of summary text
• “Read more” link is present

(9) Dismiss with close button

Steps:

1. Tap a link to open the bottom sheet
2. Tap the close button

Expected:

• Sheet slides down and disappears
• Backdrop fades out
• Page scroll is re-enabled (body overflow: hidden is removed)
• The tapped link’s active highlight style is removed
• No navigation occurs
• Tapping another link opens the bottom sheet

(10) Dismiss by tapping backdrop

Steps:

1. Tap a link to open the bottom sheet
2. Tap the dimmed backdrop outside the bottom sheer

Expected:

• Same result as Test Case 9 (sheet closes, no navigation)

(11) Navigate to an article via the “Read more” link

Steps:

1. Tap a link to open the bottom sheet
2. Wait for the card to fully load
3. Tap the “Read more” link at the bottom of the card

Expected:

• Browser navigates to the target article
• The link opens with target="_blank" behavior (new tab)
• The external link icon is visible next to the “Read more” link text

Thank you, @lwatson for test cases and for test results in https://phabricator.wikimedia.org/T422950#11817096.

I've run the tests on enwiki (and enwiki beta) - no issues found.

Additionally, I checked

• articles with no descriptions {{Short description}} is not present (https://en.wikipedia.org/w/index.php?search=-hastemplate%3A%22Short+description%22&title=Special%3ASearch&ns0=1)
• interface language for ar and de ( "Learn more" is not translated yet to fi and el languages) - no issues found