Skip to content

[Explanation] Add more visual regression tests#3695

Open
mark-fitzgerald wants to merge 5 commits into
mainfrom
LEMS-4130-add-visual-regression-stories-for-explanation-widget
Open

[Explanation] Add more visual regression tests#3695
mark-fitzgerald wants to merge 5 commits into
mainfrom
LEMS-4130-add-visual-regression-stories-for-explanation-widget

Conversation

@mark-fitzgerald
Copy link
Copy Markdown
Contributor

Summary:

This PR expands the visual regression test coverage for the Explanation widget,
adding stories that cover embedded video, images, and data tables in explanation
content. It also adds interaction regression stories for hints renderer behavior,
and moves nested widget tests into a dedicated "Nested Widgets" folder to
centralize tests for widgets that contain other widgets.

Issue: LEMS-4130

Test plan:

  1. Open Storybook and navigate to the Explanation widget stories.
    • Verify the new initial-state regression stories render correctly: content
      with images, embedded video, and tables should display without visual
      artifacts.
  2. Navigate to the new Nested Widgets folder and verify nested widget stories
    render correctly for both initial state and interactions.
  3. Navigate to the Hints Renderer stories and verify the new interactions
    regression story works as expected.

…fy the regression test stories to match current format.

Add data and stories for content that includes images, videos, and tables.
…(changeset): [Explanation] Add more visual regression tests
…more visual regression tests for Explanation widget.

Nested widget tests are moved to a new Nested Widgets folder to aid in centralizing such tests.
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 30, 2026

Size Change: 0 B

Total Size: 506 kB

ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 20.6 kB
packages/keypad-context/dist/es/index.js 1 kB
packages/kmath/dist/es/index.js 6.32 kB
packages/math-input/dist/es/index.js 98.5 kB
packages/math-input/dist/es/strings.js 1.61 kB
packages/perseus-core/dist/es/index.item-splitting.js 12.1 kB
packages/perseus-core/dist/es/index.js 26.1 kB
packages/perseus-editor/dist/es/index.js 105 kB
packages/perseus-linter/dist/es/index.js 9.41 kB
packages/perseus-score/dist/es/index.js 10.2 kB
packages/perseus-utils/dist/es/index.js 403 B
packages/perseus/dist/es/index.js 199 kB
packages/perseus/dist/es/strings.js 8.55 kB
packages/pure-markdown/dist/es/index.js 1.39 kB
packages/simple-markdown/dist/es/index.js 6.71 kB

compressed-size-action

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 30, 2026

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (ee2d4c2) and published it to npm. You
can install it using the tag PR3695.

Example:

pnpm add @khanacademy/perseus@PR3695

If you are working in Khan Academy's frontend, you can run the below command.

./dev/tools/bump_perseus_version.ts -t PR3695

If you are working in Khan Academy's webapp, you can run the below command.

./dev/tools/bump_perseus_version.js -t PR3695

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant