feat(fe): implement test in code editor

[B0XERCAT]

Description

• TestResultsStore를 생성했고, EditorHeader에 있는 Test 버튼을 누르면, 작성한 코드에 대한 결과 (테스트케이스별 결과) 가 로컬스토리지에 저장됩니다.
  • 코드를 POST하고 모든 테스트케이스에 대해 Judging이 아닌 결과가 나올 때까지 2초마다 GET 요청을 보냅니다.
  • 현재 10번까지 요청을 보내도 Judging이 안 끝나면 토스트를 띄우게 했으나 횟수를 더 늘려도 괜찮을 것 같습니다.
• TestcasePanel을 구현했고, 테이블에서 각 row를 클릭하면 Panel 안에서 새 탭이 열리면서 테스트 결과에 대한 detail을 확인할 수 있습니다.

테이블의 row를 클릭해서 생성된 tab입니다 tab이 여러개 생성되었을 때의 UI입니다

추가 수정 사항!

• 테이블 내에서 input / output 이 길어지면 ...이 붙도록 수정했습니다
• 패널 아래쪽에 패딩을 추가해서 스크롤 했을 때 마지막 row까지 보이도록 수정했습니다
• Result Detail에서도 가로로 길어지면 텍스트가 삐져 나갔는데 수정 완료했습니다

Closes TAS-536

Additional context

---

Before submitting the PR, please make sure you do the following

• [x] Read the Contributing Guidelines
• [x] Read the Contributing Guidelines and follow the Commit Convention
• [x] Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• [ ] Ideally, include relevant tests that fail without this PR but pass with it.

[notion-workspace[bot]]

Problem Editor - Test 버튼, 테스트케이스 결과창 UI

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
codedang	✅ Ready (Inspect)	Visit Preview	Oct 5, 2024 3:58pm

[Jaehyeon1020]

스테이지 배포 환경에서도 수정한 TEST API 잘 작동하는지 보려고 update branch 했어요!

[jimin9038]

coolify 배포를 위해서 닫았다가 열게요.

[coolify-skkuding[bot]]

The preview deployment is ready. 🟢

Open Preview | Open Build Logs

Last updated at: 2024-10-01 15:28:41 CET

[notion-workspace[bot]]

Problem Editor - Test 버튼, 테스트케이스 결과창 UI