fix(fe): fix test bugs

[B0XERCAT]

Description

Test하고 나갔다 다시 들어가면 이전 결과 창이 노출되는 문제

Test 결과를 store에 저장하고 있는데, 창을 나가려고 하면 store에 빈 배열을 넣도록 구현해서 해결했습니다 -> Test Results store 삭제하고, EditorResizablePanel 에서 상태 관리합니다

Testcase Table에 실제 Output 추가

기존에 Input과 Expected Output만 표시했지만 Output도 추가했습니다

Testcase Table과 Result Detail에 WhitespaceVisualizer로 표시

기존에는 그냥 Text를 표시했지만 whitespace(띄어쓰기, 개행, 탭)를 파란색으로 표시할 수 있는 Whitespace Visualizer를 구현했고 이를 Testcase Table과 Result Detail에서 가져다 썼었습니다.

• Testcase Table에서는 3줄로 truncate
• Result Table에서는 전체를 전부 표시하고 height 제한이 없음
• EditorDescription에서는 전체를 전부 표시하고 height 제한이 있고 넘어서면 스크롤이 생깁니다

  Minor Changes

• 탭에 cursor pointer로 변경
• Result Detail에서 input / expected output / output 간의 레이아웃 수정 minwidth를 줄이고 flex-1로 수정했습니다
• Testcase 수가 적으면 레이아웃이 밀리는 문제 해결

Closes TAS-977 Closes TAS-998

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]]

Test 기능 Bug Fix / 기능 개선

[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 12, 2024 7:05am

[jimin9038]

태욱이가 노션에 적고 있습니다! 완료되면 알려준대요~

[notion-workspace[bot]]

24-2 1차 배포 QA) Testcase Result “Correct Testcase” 간격 확인