Background

The Random Article module shows a single card featuring a randomly selected Wikipedia article. It is intentionally playful: when the user scrolls to this module, a shake animation plays on the card to signal that the user can physically shake their device to surface a new random article.

Every For You card shares the same persistent chrome: Wikipedia logo (top left), Community tab access, language switcher dropdown (showing user-configured languages + link to language settings; changing language refreshes the module content in the selected language without leaving the module), and notification bell. The bottom navigation bar is always visible.

The three-dot more menu on each card surfaces four options: Save, Share, Hide card, Hide module, and Customize interests.

User Story

As a Wikipedia reader who enjoys serendipitous discovery, I want to be surprised by a random article, so that I can stumble onto topics I would never have searched for myself.

Requirements

• This module displays ONE randomly selected Wikipedia articles
• The random article updates every day, unless the user hard-refreshes the feed
• If a user chooses to "hide this card", replace the random article with a new one or hide the random module for that day
• The card displays: reason label ('Random article'), article title, three-dot more menu, and a short text excerpt (Paragraph).
• The article's top image is used as a full-bleed background. If no image exists, a gradient background is shown.
• Tapping the card navigates the user to the full article.
• The three-dot more menu on this card includes the standard options: Save, Share, Hide module, Customize interests.
• Provide a shuffle button
  • On tap, lead to the existing randomizer button
  • When the user navigates back from the randomizer to the feed. It should still be the same randomized article they originally saw.
• Add module into settings screen (Order: Based on your interests, Because You Read, Continue Reading, Places of Interest, Discover Recommendations, Random, Games)

Design

Figma file →

Derived Requirement

Ensure the For You Feed displays a Random Article module containing a single randomly selected Wikipedia article that updates daily unless the feed is hard refreshed, displays the required article metadata, background image or gradient fallback, shuffle functionality, and supports navigation to the article while preserving the originally displayed random article when returning from the randomizer.

Ensure the Random Article module supports the standard card actions, persistent feed chrome, language switching without leaving the module, hide card behavior, and availability within the feed settings screen in the specified module order.

Test Steps

Test Case 1: Ensure the Random Article module displays a single random article

1. Log in to the mobile application.
2. Open the For You Feed.
3. Locate the Random Article module.
4. Verify only one article card is displayed within the module.
5. ✅❓❌⬜ AC1: The Random Article module displays exactly one randomly selected Wikipedia article.

Test Case 2: Ensure the Random Article card displays all required metadata

1. Open the For You Feed.
2. Locate the Random Article module.
3. Verify the card displays the "Random article" reason label.
4. Verify the article title is displayed.
5. Verify the three-dot more menu is displayed.
6. Verify a short article excerpt is displayed.
7. ✅❓❌⬜ AC2: The Random Article card displays the reason label, article title, three-dot more menu, and short article excerpt.

Test Case 3: Ensure article images display as a full-bleed background

1. Open the For You Feed.
2. Locate a Random Article card associated with an article containing a lead image.
3. Verify the article image is displayed as a full-bleed card background.
4. ✅❓❌⬜ AC3: Articles with images display the lead image as a full-bleed card background.

Test Case 4: Ensure a gradient background is displayed when no article image exists

1. Open the For You Feed.
2. Locate a Random Article card associated with an article that does not contain a lead image.
3. Verify a gradient background is displayed.
4. ✅❓❌⬜ AC4: Articles without images display a gradient background.

Test Case 5: Ensure tapping the card navigates to the article

1. Open the For You Feed.
2. Locate the Random Article card.
3. Tap the card.
4. Verify the associated article opens.
5. ✅❓❌⬜ AC5: Tapping the Random Article card navigates the user to the associated article.

Test Case 6: Ensure the random article remains unchanged during the same day

1. Open the For You Feed.
2. Record the article displayed in the Random Article module.
3. Navigate away from the feed.
4. Return to the For You Feed without performing a hard refresh.
5. Verify the same article is displayed.
6. ✅❓❌⬜ AC6: The Random Article module displays the same article throughout the day unless the feed is hard refreshed.

Test Case 7: Ensure a hard refresh updates the random article

1. Open the For You Feed.
2. Record the article displayed in the Random Article module.
3. Perform a hard refresh of the feed.
4. Return to the Random Article module.
5. Verify a new random article is displayed.
6. ✅❓❌⬜ AC7: A hard refresh updates the Random Article module with a different random article.

Test Case 8: Ensure the shuffle button launches the existing randomizer

1. Open the For You Feed.
2. Locate the shuffle button within the Random Article module.
3. Tap the shuffle button.
4. Verify the existing randomizer experience opens.
5. ✅❓❌⬜ AC8: Tapping the shuffle button launches the existing randomizer.

Test Case 9: Ensure the original random article is preserved after returning from the randomizer

1. Open the For You Feed.
2. Record the article displayed in the Random Article module.
3. Tap the shuffle button.
4. Open the randomizer experience.
5. Navigate back to the For You Feed.
6. Verify the originally displayed Random Article card remains unchanged.
7. ✅❓❌⬜ AC9: Returning from the randomizer preserves the originally displayed random article in the feed.

Test Case 10: Ensure the Hide card action replaces or removes the card for the day

1. Open the For You Feed.
2. Open the three-dot menu on the Random Article card.
3. Select the Hide card option if available.
4. Observe the module behavior.
5. ✅❓❌⬜ AC10: Hiding the card replaces the random article with a new one or hides the Random Article module for the remainder of the day.

Test Case 11: Ensure the three-dot menu displays the required actions

1. Open the For You Feed.
2. Open the three-dot menu on the Random Article card.
3. Verify the Save option is displayed.
4. Verify the Share option is displayed.
5. Verify the Hide module option is displayed.
6. Verify the Customize interests option is displayed.
7. ✅❓❌⬜ AC11: The three-dot menu displays Save, Share, Hide module, and Customize interests options.

Test Case 12: Ensure persistent feed chrome is displayed

1. Open the For You Feed.
2. Navigate to the Random Article module.
3. Verify the Wikipedia logo is displayed.
4. Verify Community tab access is displayed.
5. Verify the language switcher is displayed.
6. Verify the notification bell is displayed.
7. Verify the bottom navigation bar is displayed.
8. ✅❓❌⬜ AC12: The Random Article module displays the standard persistent feed chrome elements.

Test Case 13: Ensure language switching refreshes module content without leaving the module

1. Open the For You Feed.
2. Navigate to the Random Article module.
3. Open the language switcher.
4. Select another configured language.
5. Verify the module content refreshes in the selected language.
6. Verify the user remains within the module.
7. ✅❓❌⬜ AC13: Changing the language refreshes module content without leaving the Random Article module.

Test Case 14: Ensure the Random Article module can be managed from Feed Settings

1. Open Feed Settings.
2. Locate the list of configurable feed modules.
3. Verify the Random module is present.
4. Verify it appears after Discover Recommendations and before Games.
5. ✅❓❌⬜ AC14: The Random module appears in Feed Settings in the specified module order.

QA Results - Beta