Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Storybook] Disable snapshots globally + enable for select few stories #1897

Closed
wants to merge 4 commits into from

Conversation

nishasy
Copy link
Contributor

@nishasy nishasy commented Nov 21, 2024

Summary:

We want to disable snapshots globally, since most of our stories
don't need visual snapshot testing anyway, and we keep going over
our monthly chromatic snapshot limit.

Instead, we should deliberately set snapshots to true for stories we
want chromatic snapshots for.

  • turn off chromatic snapshots globally
  • turn on chromatic snapshots for interactive graph stories

Issue: https://khanacademy.atlassian.net/browse/LEMS-2579

Test plan:
Look at the Chromatic snapshots number on this PR below.

Before After
Screenshot 2024-11-20 at 4 11 35 PM Screenshot 2024-11-20 at 4 11 41 PM

    We want to disable snapshots globally, since most of our stories
    don't need visual snapshot testing anyway, and we keep going over
    our monthly chromatic snapshot limit.

    Instead, we should deliberately set snapshots to true for stories we
    want chromatic snapshots for.

    - turn off chromatic snapshots globally
    - turn on chromatic snapshots for interactive graph stories

    Issue: https://khanacademy.atlassian.net/browse/LEMS-2579

    Test plan:
    Look at the Chromatic snapshots number on this PR below.
    Previously, it was over 400. It should be much smaller now.
@nishasy nishasy self-assigned this Nov 21, 2024
Copy link
Contributor

github-actions bot commented Nov 21, 2024

npm Snapshot: Published

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

Example:

yarn add @khanacademy/perseus@PR1897

If you are working in Khan Academy's webapp, you can run:

./dev/tools/bump_perseus_version.sh -t PR1897

Copy link
Contributor

github-actions bot commented Nov 21, 2024

Size Change: 0 B

Total Size: 1.29 MB

ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 39 kB
packages/keypad-context/dist/es/index.js 760 B
packages/kmath/dist/es/index.js 4.27 kB
packages/math-input/dist/es/index.js 77.9 kB
packages/math-input/dist/es/strings.js 1.79 kB
packages/perseus-core/dist/es/index.js 1.48 kB
packages/perseus-editor/dist/es/index.js 698 kB
packages/perseus-linter/dist/es/index.js 22.2 kB
packages/perseus/dist/es/index.js 425 kB
packages/perseus/dist/es/strings.js 3.57 kB
packages/pure-markdown/dist/es/index.js 3.66 kB
packages/simple-markdown/dist/es/index.js 12.5 kB

compressed-size-action

@nishasy
Copy link
Contributor Author

nishasy commented Nov 25, 2024

It turns out that we were only supposed to be capturing snapshots for regression stories anyway. For some reason, other stories were still being captured. That means we don't need all the extra enabled stories in this PR, so I'm going to create a new PR for the minimal necessary changes:

#1911

@nishasy nishasy closed this Nov 25, 2024
@nishasy nishasy deleted the disable-chromatic-globally branch November 26, 2024 22:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant