Page MenuHomePhabricator

Don't show placeholder images in ReadingList cards
Closed, ResolvedPublic1 Estimated Story Points

Description

Background

Carved out of T400939, the placeholder image treatment is tackled in separate place.
We've agreed on not showing a placeholder image and only reserve the space when a thumbnail is available.
Additionally we've identified that the erroneous icon in current implementation is also an unnecessary complication of things, and we defer to not showing

Goal

Placeholder image question is resolved

Requirement

Scope: ReadingLists (desktop + mobile).

  • Placeholder images must not be shown in Reading List cards when an article has no thumbnail.
  • No empty or reserved space should appear where a thumbnail would normally be.
  • The card layout must automatically adjust to align text and metadata correctly when no image is present.

BDD

Feature: Remove placeholder image from Reading List cards

  Scenario: Article without thumbnail
    Given I view my Reading List
    When a saved article has no thumbnail
    Then the card does not display a placeholder image
    And no space is reserved for an image
    And the layout adjusts naturally

  Scenario: Article with thumbnail
    Given a saved article includes a thumbnail
    When the Reading List card is displayed
    Then the thumbnail image appears normally
    And the layout remains consistent

Test Steps

Test Case 1: Article without thumbnail

  1. Open Special:ReadingLists containing at least one article without a thumbnail.
  2. AC1: The Reading List card does not display a placeholder image.
  3. AC2: No empty space is reserved where the image would be.
  4. AC3: Text and description align correctly within the card.

Test Case 2: Article with thumbnail

  1. Open Special:ReadingLists containing at least one article with a thumbnail.
  2. AC4: The thumbnail displays as expected.
  3. AC5: Layout remains consistent between cards with and without thumbnails.

QA Results - Beta

QA Results - Prod

Acceptance criteria for done

  • Don't show placeholder and don't reserve space in Card for it
    • Don't show erroneous icon, if that's feasible – tackled in T406652

Event Timeline

HFan-WMF triaged this task as High priority.Oct 7 2025, 4:46 PM
HFan-WMF moved this task from Incoming to Needs refinement on the Reader Experience Team board.

Change #1194280 had a related patch set uploaded (by VolkerE; author: VolkerE):

[mediawiki/extensions/ReadingLists@master] Hide placeholder images when no thumbnail is available

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

Volker_E renamed this task from Placeholder and erroneous images are not shown, not taking up space in ReadingList cards to Don't show placeholder images in ReadingList cards.Oct 7 2025, 9:52 PM
Volker_E set the point value for this task to 1.Oct 8 2025, 7:42 PM

Test wiki created on Patch demo by Volker E. (WMF) using patch(es) linked to this task:
https://a6a4ae7cf3.catalyst.wmcloud.org/w/

Change #1194280 merged by jenkins-bot:

[mediawiki/extensions/ReadingLists@master] Hide placeholder images when no thumbnail is available

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

Assigning things to you as they're in the QA column (lmk if anything feels untestable!)

Edtadros updated the task description. (Show Details)
Edtadros subscribed.

Test Result - Beta

Status: ✅ PASS
Environment: beta/
OS: macOS Tahoe 26.x
Browser: Chrome Canary (latest as of test date)
Device: MS
Emulated Device: NA

Test Case 1: Article without thumbnail

  1. Open Special:ReadingLists containing at least one article without a thumbnail.
  2. AC1: The Reading List card does not display a placeholder image.
  3. AC2: No empty space is reserved where the image would be.
  4. AC3: Text and description align correctly within the card.

see below

Test Case 2: Article with thumbnail

  1. Open Special:ReadingLists containing at least one article with a thumbnail.
  2. AC4: The thumbnail displays as expected.
  3. AC5: Layout remains consistent between cards with and without thumbnails.

screenshot 276.png (1,385×996 px, 164 KB)

Test Result - Prod

Status: ✅ PASS
Environment: enwiki
OS: macOS Tahoe 26.x
Browser: Chrome Canary (latest as of test date)
Device: MS
Emulated Device: NA

Test Case 1: Article without thumbnail

  1. Open Special:ReadingLists containing at least one article without a thumbnail.
  2. AC1: The Reading List card does not display a placeholder image.
  3. AC2: No empty space is reserved where the image would be.
  4. AC3: Text and description align correctly within the card.

see below

Test Case 2: Article with thumbnail

  1. Open Special:ReadingLists containing at least one article with a thumbnail.
  2. AC4: The thumbnail displays as expected.
  3. AC5: Layout remains consistent between cards with and without thumbnails.

screenshot 277.png (1,380×1,195 px, 348 KB)

HFan-WMF claimed this task.

Test wiki on Patch demo by Volker E. (WMF) using patch(es) linked to this task was deleted:

https://a6a4ae7cf3.catalyst.wmcloud.org/w/