Deprecate ENABLE_GRADING_METHOD_IN_PROBLEMS & Add Grading Method view

[irtazaakram]

Description

This pull request does two things:

1. Deprecates the ENABLE_GRADING_METHOD_IN_PROBLEMS toggle
2. Adds the missing Grading Method view

Background / Rationale:

• The grading method view was previously being implemented in [frontend-lib-content-components](https://github.com/openedx-unsupported/frontend-lib-content-components), but that library has since been deprecated.
• The code for the view is adapted from the closed PR in the deprecated repo: [PR #430](feat: add grading method field in problem editor openedx-unsupported/frontend-lib-content-components#430).

Impact on user roles:

• Course Authors / Studio users: Will now see the grading method displayed in problem block settings and can change it.
• Developers: Removes reliance on the deprecated feature toggle.

UI Changes:

Before:

After:

Supporting information

• Previous implementation (deprecated): frontend-lib-content-components PR #430

Testing instructions

openedx-unsupported/frontend-lib-content-components#430 (comment)
openedx-unsupported/frontend-lib-content-components#430 (comment)

Other information

openedx/openedx-platform#37811

Best Practices Checklist

We're trying to move away from some deprecated patterns in this codebase. Please
check if your PR meets these recommendations before asking for a review:

• Any new files are using TypeScript (.ts, .tsx).
• Avoid propTypes and defaultProps in any new or modified code.
• Tests should use the helpers in src/testUtils.tsx (specifically initializeMocks)
• Do not add new fields to the Redux state/store. Use React Context to share state among multiple components.
• Use React Query to load data from REST APIs. See any apiHooks.ts in this repo for examples.
• All new i18n messages in messages.ts files have a description for translators to use.
• Avoid using ../ in import paths. To import from parent folders, use @src, e.g. import { initializeMocks } from '@src/testUtils'; instead of from '../../../../testUtils'

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 95.14%. Comparing base (5d97a98) to head (6efdea2).
⚠️ Report is 6 commits behind head on master.

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #2795   +/-   ##
=======================================
  Coverage   95.14%   95.14%           
=======================================
  Files        1274     1274           
  Lines       29835    29850   +15     
  Branches     6759     6762    +3     
=======================================
+ Hits        28386    28401   +15     
  Misses       1377     1377           
  Partials       72       72           

☔ 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.

[BryanttV]

Hi @irtazaakram, the PR looks very good. Thank you very much for continuing the work! I tested it together with the edx-platform PR, and everything seems to be working correctly.

I only have a question. Should the default grading method (Last score) be preselected when the problem component is created? Right now it looks like this:

[irtazaakram]

Thank you for looking into this, @BryanttV. Yes, that makes sense to me. I’ve updated the implementation so that the default grading method (“Last score”) is preselected when the problem component is created.

[BryanttV]

Perfect! I tested it again, and it works very well. On my side, I’m giving my approval. Thanks again!