Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FE] ci 워크플로우 구축 #40

Merged
merged 4 commits into from
Jul 23, 2024
Merged

[FE] ci 워크플로우 구축 #40

merged 4 commits into from
Jul 23, 2024

Conversation

Yoonkyoungme
Copy link
Contributor

관련 이슈

작업 내용

frontend 디렉토리에 대해 GitHub Actions를 이용한 CI 워크플로우를 설정하였습니다.

  • frontend 디렉토리에 대한 변경 사항을 감지하여 CI 파이프라인을 트리거하도록 설정
  • Node.js LTS 버전 설정 및 node_modules 캐싱을 통해 의존성 설치 최적화
  • package-lock.json을 기반으로 의존성 설치 및 테스트 실행
  • 테스트 결과를 PR에 코멘트로 등록하는 기능 추가

특이 사항

리뷰 요구사항 (선택)

Copy link

github-actions bot commented Jul 19, 2024

Test Results

0 tests   0 ✅  0s ⏱️
0 suites  0 💤
0 files    0 ❌

Results for commit fc70cce.

♻️ This comment has been updated with latest results.

seokmyungham
seokmyungham previously approved these changes Jul 19, 2024
hwinkr
hwinkr previously approved these changes Jul 20, 2024
Copy link
Contributor

@hwinkr hwinkr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

빙봉뱅봉~

run: npm ci

- name: RTL을 실행해요 :)
run: npm run test -- --passWithNoTests
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아무런 테스트를 진행하지 않는 경우에도, CI 파이프라인이 통과될 수 있도록 하기 위한 설정이군요!

설정 고생하셨습니다 빙봉~ 🔮

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

맞습니다!

PR을 날린 시점에서 아래 사진처럼 테스트가 존재하지 않아서 CI 파이프라인이 실패하였었는데, 이러한 현상을 방지하기 위해 --passWithNoTests 옵션을 추가했습니다.
image

--passWithNoTests: 테스트 파일이 없더라도 테스트를 통과시키도록 하는 옵션
이 옵션을 사용하면, 테스트를 실행할 때 실제로 테스트 파일이 하나도 없더라도 Jest가 에러를 발생시키지 않고 성공 코드로 종료됩니다.

uses: EnricoMi/publish-unit-test-result-action@v2
if: always()
with:
files: frontend/test-results/results.xml
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR 본문에 테스트 결과 표시를 위해서는, jest-junit 의존성을 추가하고 테스트 완료 시, xml 파일 생성 후 테스트 결과를 작성하도록 해야 함!
(기록용 코멘트 입니다 ㅎㅎ)

Largopie
Largopie previously approved these changes Jul 20, 2024
Copy link
Contributor

@Largopie Largopie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~! 같이 보고 갔어야했는데 마무리 해줘서 고마워요!

Comment on lines +24 to +46
uses: actions/setup-node@v4
with:
node-version: "lts/*"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

노드 버전 설정 관련돼서 설정하는 방법이 https://github.com/actions/setup-node 여기 명시돼있네요!

ehBeak
ehBeak previously approved these changes Jul 20, 2024
hw0603
hw0603 previously approved these changes Jul 20, 2024
Copy link
Member

@hw0603 hw0603 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙂

@Yoonkyoungme
Copy link
Contributor Author

@seokmyungham 재즈!
제가 새로운 커밋(c8964d5)을 날려서 재즈 approve가 철회 되었어요
다시 한 번 확인 부탁드려요 :)

seokmyungham
seokmyungham previously approved these changes Jul 20, 2024
@Yoonkyoungme Yoonkyoungme added 🐈 프론트엔드 프론트엔드 관련 이슈에요 :) ⚙️ 환경설정 환경을 설정해요 :) labels Jul 20, 2024
@Yoonkyoungme Yoonkyoungme added this to the 2차 데모데이 milestone Jul 20, 2024
seunghye218
seunghye218 previously approved these changes Jul 23, 2024
ikjo39
ikjo39 previously approved these changes Jul 23, 2024
Jest 실행 시 `--passWithNoTests` 옵션 추가
- 'detect-changes' 작업 추가로 변경 사항 감지 및 조건부 실행 구현
- 'fe-test' 작업을 변경된 파일이 'frontend/**' 경로에 있을 때만 실행되도록 설정
@Yoonkyoungme Yoonkyoungme merged commit 09d8043 into develop Jul 23, 2024
3 checks passed
@Yoonkyoungme Yoonkyoungme added the 🐳 인프라 인프라를 구축해요 :) label Jul 23, 2024
@hw0603 hw0603 deleted the feat/37-fe-ci branch July 23, 2024 10:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
⚙️ 환경설정 환경을 설정해요 :) 🐈 프론트엔드 프론트엔드 관련 이슈에요 :) 🐳 인프라 인프라를 구축해요 :)
Projects
Status: Done
Development

Successfully merging this pull request may close these issues.

[FE] ci 워크플로우를 구축해요 :)
8 participants