[#58] Reconstruct UI test

[2wheeh]

Resolves #58

Changes

각 프로젝트의 test 스크립트가 동작합니다.

1. mr-c.app: jest with nextjs
   • jest 의 typescript 실행을 위해 별도의 파이프라인을 추가하지 않고 nextjs 의 컴파일러를 이용합니다.
   • 참고: setting-up-jest-with-the-rust-compiler, with-jest
2. common-components: vitest with vite, storybook
   • vite 의 컴파일 파이프라인을 공유할 수 있는 vitest 로 테스트를 실행합니다.
   • storybook 을 위해 작성한 story 를 테스트 작성 시에 사용할 수 있습니다.
   • 참고: vitest-vs-jest, stories-in-unit-tests
3. common-utils: jest with ts-jest
   • jest 의 typescript 실행을 위해 ts-jest 라이브러리를 사용합니다.
   • 참고: ts-jest-getting-started

mrc-ui 루트의 test: 스크립트가 동작합니다.

1. workspace-tools 플러그인의 foreach 커맨드를 사용하여
   • 변화가 있는 프로젝트와 그 영향을 받는 프로젝트의 테스트를 실행합니다.
   • 모든 프로젝트의 테스트를 실행합니다.
2. b3ab3db 의 README 참고

UI 테스트 워크플로를 재구성합니다.

1. Reconstruct UI test system #58 (comment) 에서 논의한 대로 ui-test 를 별도의 파일로 분리합니다.
2. ui-test 워크플로는 test:affected 스크립트를 실행하며 기대하는 동작은 다음과 같습니다:
   1. PR의 머지 커밋과 base branch의 기존 HEAD 커밋을 비교 한다.
   2. 변화가 있는 프로젝트와 의존하는 프로젝트(dependent) 를 순회하며 test 스크립트를 실행한다.

Additional Info

1. 추가된 테스트 코드는 동작 확인을 위한 목적입니다. 실제 기능을 위한 코드가 추가되면 삭제 예정입니다.
2. tsconfig, lint 설정이 아직 작업 중 입니다. 관련된 기능이 정상적으로 동작하지 않을 수 있습니다.

[skgndi12]

고생하셨습니다! 👍

[isutare412]

설명이 상세해서 PR 보기가 편하네요.
고생 많으셨습니다 👍