Skip to content

Sayali: add Create Test Configuration button and modal to PR Grading Screen#4935

Open
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Sayali_PR_Grading_Create_Test_Config
Open

Sayali: add Create Test Configuration button and modal to PR Grading Screen#4935
sayali-2308 wants to merge 2 commits intodevelopmentfrom
Sayali_PR_Grading_Create_Test_Config

Conversation

@sayali-2308
Copy link
Contributor

@sayali-2308 sayali-2308 commented Mar 4, 2026

image

Description

Implements #33 (Priority High)

Related PRs:

Frontend PR related to Backend PR #2088 OneCommunityGlobal/HGNRest#2088
Also related to PR #4581 (Swathi - Fix for PR grading screen not visible)

Main changes explained:

  • Created CreateTestConfigModal.jsx — modal with fields for Team Name, Reviewer Count, Test Data Type, Reviewer Names, and Notes with full validation and dark mode support
  • Created CreateTestConfigModal.module.css — styling for modal with dark mode
  • Updated PRGradingTest.jsx — integrated backend API to fetch configs on load, POST new config on create, DELETE config, loading spinner, and error handling via toast
  • Updated PRGradingScreen.jsx — fixed dark mode styling for PR number input field
  • Created PRGradingTest.module.css — styling for config buttons in light and dark mode
  • Updated src/utils/URL.js — added PR_GRADING_CONFIG endpoint

How to test:

  1. Check out branch Sayali_PR_Grading_Create_Test_Config
  2. Also check out Backend PR Sayali: add PR grading config model, controller, and routes for dynamic test configuration HGNRest#2088 branch and run npm run build && npm run start
  3. npm install && npm run start:local on frontend
  4. Clear cache, log in as admin
  5. Navigate to /pr-grading-test
  6. Verify 3 static configs load correctly
  7. Click + Create Test Configuration, fill form and submit
  8. Verify new config appears in list immediately
  9. Refresh page and verify config persists (saved to DB via backend)
  10. Click ✕ on a DB config and verify it is deleted
  11. Enter duplicate team name and verify uniqueness error appears
  12. Submit empty form and verify validation messages appear
  13. Toggle dark mode — verify button, modal, form fields, and PR number input styled correctly

Screenshots:

image image image image image image image image image image

Note:

Backend PR OneCommunityGlobal/HGNRest#2088 must be running for configs to persist after page refresh. Static configs (91NePRT, SmallTeam, ComplexTeam) are hardcoded and always visible.

@netlify
Copy link

netlify bot commented Mar 4, 2026

Deploy Preview for highestgoodnetwork-dev ready!

Name Link
🔨 Latest commit d066548
🔍 Latest deploy log https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69ab21f40d44bc0008035a0b
😎 Deploy Preview https://deploy-preview-4935--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Mar 6, 2026

@sayali-2308 sayali-2308 added the High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible label Mar 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

High Priority - Please Review First This is an important PR we'd like to get merged as soon as possible

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant