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

Add "Check answer" buttons to the interactive graph flipbook #1071

Merged
merged 8 commits into from
Mar 13, 2024

Conversation

benchristel
Copy link
Member

Issue: LEMS-1814

Test plan:

yarn dev
open http://localhost:5173/#flipbook

Follow the onscreen instructions to get graph data into the flipbook.

Clicking the "Check answer" button should pop up an alert telling you
if you've answered the question correctly.

@benchristel benchristel self-assigned this Mar 13, 2024
@khan-actions-bot khan-actions-bot requested a review from a team March 13, 2024 19:08
@khan-actions-bot
Copy link
Contributor

khan-actions-bot commented Mar 13, 2024

Gerald

Required Reviewers
  • @Khan/perseus for changes to .changeset/fluffy-goats-suffer.md, dev/flipbook.tsx, packages/perseus/src/util.ts, packages/perseus/src/__tests__/util.test.ts

Don't want to be involved in this pull request? Comment #removeme and we won't notify you of further changes.

Copy link
Contributor

github-actions bot commented Mar 13, 2024

npm Snapshot: Published

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

Example:

yarn add @khanacademy/perseus@PR1071

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

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

Copy link
Contributor

github-actions bot commented Mar 13, 2024

Size Change: +15 B (0%)

Total Size: 810 kB

Filename Size Change
packages/perseus/dist/es/index.js 385 kB +15 B (0%)
ℹ️ View Unchanged
Filename Size
packages/kas/dist/es/index.js 38.1 kB
packages/kmath/dist/es/index.js 4.27 kB
packages/math-input/dist/es/index.js 80.4 kB
packages/perseus-core/dist/es/index.js 908 B
packages/perseus-editor/dist/es/index.js 263 kB
packages/perseus-error/dist/es/index.js 878 B
packages/perseus-linter/dist/es/index.js 21.8 kB
packages/pure-markdown/dist/es/index.js 3.69 kB
packages/simple-markdown/dist/es/index.js 12.4 kB

compressed-size-action

Copy link

codecov bot commented Mar 13, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 68.69%. Comparing base (881da72) to head (ac4b0d5).
Report is 1 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1071      +/-   ##
==========================================
+ Coverage   67.25%   68.69%   +1.44%     
==========================================
  Files         435      438       +3     
  Lines       96468    96568     +100     
  Branches     6685    10271    +3586     
==========================================
+ Hits        64879    66340    +1461     
+ Misses      31589    30228    -1361     

Impacted file tree graph

Files Coverage Δ
packages/perseus/src/util.ts 75.25% <100.00%> (+3.20%) ⬆️

... and 101 files with indirect coverage changes


Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 881da72...ac4b0d5. Read the comment docs.

Copy link
Collaborator

@jeremywiebe jeremywiebe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

dev/flipbook.tsx Outdated
case "invalid":
return "You didn't answer the question.";
case "points":
return score.earned > 0 ? "Correct!" : "Incorrect.";
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not quite right. For a multi-widget question, the total field on the score may be more than 1 and so to check for correctness, we should be using score.earned >= score.total (I'm not sure how it could be MORE, but that's how

correct: score.earned >= score.total,
does correctness checking).

@benchristel benchristel force-pushed the benc/check-answer-button branch from bf07208 to 97de4cf Compare March 13, 2024 21:17
@benchristel benchristel merged commit eb637b3 into main Mar 13, 2024
12 checks passed
@benchristel benchristel deleted the benc/check-answer-button branch March 13, 2024 23:05
benchristel pushed a commit that referenced this pull request Mar 14, 2024
This PR was opened by the [Changesets release](https://github.com/changesets/action) GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.


# Releases
## @khanacademy/perseus-dev-ui@1.3.0

### Minor Changes

-   [#1071](#1071) [`eb637b35`](eb637b3) Thanks [@benchristel](https://github.com/benchristel)! - Add a "check answer" button to interactive graphs displayed in the dev flipbook UI

## @khanacademy/perseus@20.2.0

### Minor Changes

-   [#1067](#1067) [`6196375a`](6196375) Thanks [@nishasy](https://github.com/nishasy)! - Can pass a point into `lockedFigures` into MafsGraph and a point will be displayed.


-   [#1074](#1074) [`a263e940`](a263e94) Thanks [@nishasy](https://github.com/nishasy)! - Add "add a locked figure" UI to interactive graph editor + adding points (mafs graphs only)

### Patch Changes

-   [#1068](#1068) [`881da724`](881da72) Thanks [@benchristel](https://github.com/benchristel)! - Adjust styling of the movable points and line segments on the Mafs segment graph


-   [#1071](#1071) [`eb637b35`](eb637b3) Thanks [@benchristel](https://github.com/benchristel)! - Add a "check answer" button to interactive graphs displayed in the dev flipbook UI


-   [#1073](#1073) [`ea0db7d9`](ea0db7d) Thanks [@benchristel](https://github.com/benchristel)! - Fix color of Mafs line segments

## @khanacademy/perseus-editor@5.1.0

### Minor Changes

-   [#1074](#1074) [`a263e940`](a263e94) Thanks [@nishasy](https://github.com/nishasy)! - Add "add a locked figure" UI to interactive graph editor + adding points (mafs graphs only)

### Patch Changes

-   Updated dependencies \[[`881da724`](881da72), [`eb637b35`](eb637b3), [`6196375a`](6196375), [`a263e940`](a263e94), [`ea0db7d9`](ea0db7d)]:
    -   @khanacademy/perseus@20.2.0

Author: khan-actions-bot

Reviewers: benchristel

Required Reviewers:

Approved By: benchristel

Checks: ✅ codecov/project, ✅ codecov/patch, ✅ Upload Coverage, ✅ Jest Coverage (ubuntu-latest, 20.x), ✅ Cypress (ubuntu-latest, 20.x), ⏭️  Publish npm snapshot, ✅ Lint, Typecheck, Format, and Test (ubuntu-latest, 20.x), ✅ Extract i18n strings (ubuntu-latest, 20.x), ✅ Check for .changeset entries for all changed files (ubuntu-latest, 20.x), ✅ Check builds for changes in size (ubuntu-latest, 20.x), ✅ Publish Storybook to Chromatic (ubuntu-latest, 20.x), ✅ Jest Coverage (ubuntu-latest, 20.x), ✅ Cypress (ubuntu-latest, 20.x), ✅ gerald, ✅ Prime node_modules cache for primary configuration (ubuntu-latest, 20.x)

Pull Request URL: #1069
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.

3 participants