Cms home springboard - WT-659 by wen-2018 · Pull Request #17030 · mozilla/bedrock

wen-2018 · 2026-02-11T17:54:47Z

If this changeset needs to go into the FXC codebase, please add the WMO and FXC label.

One-line summary

This PR adds CMS blocks for homepage media springboard section.

Significant changes and points to review

Issue / Bugzilla link

WT-659

Testing

http://localhost:8000/cms-admin/
add new homepage with home-2026 slug
add spinrgboard section data using what is currently on https://www.mozilla.org/en-US/
review content, seciton id, classes, link attributes etc on http://localhost:8000/en-US/home-2026/
confirm tests logic and coverage

codecov · 2026-02-11T19:45:25Z

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 81.51%. Comparing base (ac2a557) to head (01194ab).

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #17030      +/-   ##
==========================================
+ Coverage   81.42%   81.51%   +0.09%     
==========================================
  Files         171      172       +1     
  Lines        9140     9188      +48     
==========================================
+ Hits         7442     7490      +48     
  Misses       1698     1698

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copilot

Pull request overview

Adds a new CMS-managed “media springboard” block for the homepage, moving the previously hardcoded springboard include into CMS content blocks.

Changes:

Introduces SpringboardBlock / SpringboardItemBlock (plus settings) and wires it into HomePage StreamField.
Adds a new CMS block template for rendering the springboard section.
Adds fixtures, factories, and tests to validate springboard rendering and behavior.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 14 comments.

Show a summary per file

File	Description
bedrock/mozorg/blocks/common.py	Adds Springboard blocks and tweaks existing block icons.
bedrock/mozorg/models.py	Registers `springboard_block` on `HomePage` StreamField.
bedrock/mozorg/migrations/0025_alter_homepage_content.py	StreamField migration to include springboard block.
bedrock/mozorg/templates/mozorg/cms/blocks/springboard_block.html	New template for CMS-rendered springboard section.
bedrock/base/templates/macros-m24.html	Updates `springboard_item` macro to mark link attributes as safe.
bedrock/mozorg/templates/mozorg/cms/home/home.html	Removes hardcoded media-springboard include (now expected via CMS).
bedrock/mozorg/templates/mozorg/home/includes/m24/media-springboard.html	Removes unused macro import.
bedrock/mozorg/fixtures/springboard_fixtures.py	Adds fixtures to generate springboard variants and a test page.
bedrock/mozorg/tests/factories.py	Adds Wagtail factories for springboard blocks/items.
bedrock/mozorg/tests/test_blocks.py	Adds test coverage for springboard rendering/content/attributes.

bedrock/base/templates/macros-m24.html

bedrock/mozorg/blocks/common.py

bedrock/mozorg/fixtures/springboard_fixtures.py

bedrock/mozorg/blocks/common.py

Copilot · 2026-02-12T13:41:43Z

bedrock/mozorg/tests/test_blocks.py

+    for variant in variants:
+        anchor_id = variant["value"].get("settings", {}).get("anchor_id")
+        if anchor_id:
+            # Find section by anchor ID
+            section = soup.find("section", id=anchor_id)
+            assert section is not None, f"Section with id '{anchor_id}' not found"
+            assert_springboard_block_attributes(section, variant)


This test only asserts the positive case (anchor_id present). Since assert_springboard_block_attributes also defines expectations for the empty-anchor case, add an assertion for variants where anchor_id is empty to verify the section does not render an id attribute (or otherwise validate the expected behavior).

Copilot · 2026-02-12T13:41:43Z

bedrock/mozorg/fixtures/springboard_fixtures.py

+
+    # Check if test page already exists
+    test_page = HomePage.objects.filter(slug="springboard-block-test").first()
+    if test_page:


Returning an existing page without updating its content can make tests brittle when fixture variants change (stale DB state means tests may not reflect the current variant set). Consider overwriting test_page.content with the latest variants (and republishing), or deleting/recreating the page deterministically so test data is always in sync.

Suggested change

if test_page:

if test_page:

# Ensure existing test page content stays in sync with current variants

test_page.content = variants

test_page.save_revision().publish()

stevejalim

Looking very promising @wen-2018 - thanks for this!

I've added some comments and also expanded some of the thing Copilot talks about - take a look and see what you think. Happy to re-review one the tweaks are done.

Also, am I right that this page isn't used at all in prod yet (not even Stephanie's earlier cut)? If so, we'll have to plan and practise a rollout, because swapping the homepage of a Wagtail site isn't always straightforward

bedrock/base/templates/macros-m24.html

bedrock/mozorg/blocks/common.py

stevejalim · 2026-02-12T13:57:37Z

bedrock/mozorg/blocks/common.py

+        choices=[
+            ("Article", "Article"),
+            ("Podcast", "Podcast"),
+            ("Video", "Video"),


The values and they keys here all start with a capital letter (Video) whereas below, for the icon field, they are lowercase keys. Can we make it consistent? The Django convention is lowercase keys with underscores for spaces.

The lower case for icon fields are used to set the CSS class for different custom icons. The Capitals for topic and type here are used as string options displayed on the page directly

We should only display the second item / the valye in the page, not the first / the key - is that easy to make happen?

I don't think it accepts a single value. They must come it key - value tuples. https://docs.djangoproject.com/en/6.0/ref/models/fields/#choices

bedrock/mozorg/blocks/common.py

bedrock/mozorg/fixtures/springboard_fixtures.py

bedrock/mozorg/blocks/common.py

Co-authored-by: Steve Jalim <stevejalim@mozilla.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

wen-2018 · 2026-02-12T19:09:07Z

bedrock/mozorg/templates/mozorg/cms/blocks/transition_block.html

This file was removed (changed, renamed, and relocated) in a different PR, likely by mistake. Adding it back in.

wen-2018 · 2026-02-12T19:28:33Z

@stevejalim

Also, am I right that this page isn't used at all in prod yet (not even Stephanie's earlier cut)? If so, we'll have to plan and practise a rollout, because swapping the homepage of a Wagtail site isn't always straightforward

That's correct! This page is not used in prod yet. There is one more section (showcase section, currently with state of Mozilla as the content) to be added in CMS. The hero and prod section are not planned to be added in CMS since they rarely change. Once this PR and the PR for showcase section are merged, we could plan out how the switch works:

build the page with actual content in prod
switch to use this new page
remove hard coded page
train admin users that needs to change the content for this page

wen-2018 force-pushed the cms-home-springboard branch from 9b75e4e to 9bbce98 Compare February 11, 2026 19:52

wen-2018 changed the title ~~Cms home springboard~~ Cms home springboard - WT-659 Feb 11, 2026

wen-2018 marked this pull request as ready for review February 11, 2026 20:49

wen-2018 requested review from a team as code owners February 11, 2026 20:49

wen-2018 force-pushed the cms-home-springboard branch from e9a7976 to 6ad83e7 Compare February 11, 2026 21:02

stevejalim requested a review from Copilot February 12, 2026 13:39

Copilot AI reviewed Feb 12, 2026

View reviewed changes

stevejalim reviewed Feb 12, 2026

View reviewed changes

wen-2018 and others added 12 commits February 12, 2026 14:35

add homepage springboard section to CMS

c125b04

add tests

e6bd90a

format updates

9362bb3

add test coverage

b3ed954

use consistent section icons

b1edd08

Typo fixes

10fcf6b

Co-authored-by: Steve Jalim <stevejalim@mozilla.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

update to use snake_case

3a785fd

add label to help admin users

1588a97

Update fixture to match choice options

ca70d87

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

update tests to better reflect springboard data

75a18e6

remove hard coded id

e90fb85

add back missing transition block template

508c9dd

wen-2018 force-pushed the cms-home-springboard branch from efbc417 to 508c9dd Compare February 12, 2026 18:38

wen-2018 commented Feb 12, 2026

View reviewed changes

wen-2018 added 2 commits February 12, 2026 15:11

remove empty item test

6cb5595

remove invisible Unicode character in file name

01194ab

-    if test_page:
+    if test_page:
+        # Ensure existing test page content stays in sync with current variants
+        test_page.content = variants
+        test_page.save_revision().publish()

Conversation

wen-2018 commented Feb 11, 2026

One-line summary

Significant changes and points to review

Issue / Bugzilla link

Testing

Uh oh!

codecov bot commented Feb 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

stevejalim left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

stevejalim Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

wen-2018 Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

stevejalim Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

wen-2018 Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

wen-2018 Feb 12, 2026

Choose a reason for hiding this comment

Uh oh!

wen-2018 commented Feb 12, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

codecov bot commented Feb 11, 2026 •

edited

Loading

wen-2018 commented Feb 12, 2026 •

edited

Loading