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

feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 #92

Merged
merged 5 commits into from
Sep 13, 2024

Conversation

ghdtjgus76
Copy link
Collaborator

@ghdtjgus76 ghdtjgus76 commented Sep 9, 2024

요약 (Summary)

codegen에 e2e 테스트 코드 템플릿을 생성하고 이를 코드젠에 적용합니다.

배경 (Background)

e2e 테스트를 진행하기에 앞서 기본적으로 필요로 하는 테스트가 두 가지 있습니다.
이는 시각적 회귀 테스트, 웹 접근성 테스트입니다.
매번 테스트를 진행할 때마다 동일한 코드를 작성하는 것이 번거로우며, 일관성 면에서도 좋지 않습니다.
따라서 이를 하나의 템플릿으로 관리하며 기본 테스트 코드를 작성해줍니다.

목표 (Goals)

  • e2e 테스트 코드 템플릿 생성
  • turbo gen에 적용

이외 고려 사항들 (Other Considerations)

현재 템플릿 및 generator를 컴포넌트 코드젠 폴더와 e2e 폴더를 따로 지정해주었습니다.

이에 대한 이유는 다음과 같습니다.

  • 컴포넌트의 기본적인 기능 개발, UI 테스트, 유닛 테스트까지 완료한 후 e2e 테스트를 진행하는 것이 순서라고 생각하였습니다.
  • e2e 테스트 코드 자체도 컴포넌트 폴더와 분리하여 작성하고 있습니다.
  • e2e 테스트에서 여러 컴포넌트를 포함할 수 있다는 점을 고려하였습니다.

혹시나 이 부분에 대해서 다른 의견이 있으시면 코드 리뷰에 남겨주시면 반영해보겠습니다!

관련 이슈

Summary by CodeRabbit

  • 새로운 기능

    • 컴포넌트의 e2e 테스트 파일을 생성하는 새로운 생성기 추가.
    • 시각적 회귀 테스트 및 접근성 테스트를 포함하는 e2e 테스트 템플릿 제공.
  • 문서화

    • 생성기 및 테스트 템플릿에 대한 설명 추가.

Copy link
Contributor

coderabbitai bot commented Sep 9, 2024

Walkthrough

이 PR은 turbo/generators/config.ts 파일에 새로운 생성기 함수를 추가하여 컴포넌트의 엔드 투 엔드(e2e) 테스트 파일을 생성할 수 있도록 합니다. 이 생성기는 사용자에게 컴포넌트 이름을 요청하고, Handlebars 템플릿을 사용하여 테스트 파일을 생성하는 작업을 정의합니다. 또한, turbo/generators/templates/e2e/test.ts.hbs 파일에 시각적 회귀 테스트와 접근성 테스트를 포함한 테스트 케이스를 추가합니다.

Changes

파일 경로 변경 요약
turbo/generators/config.ts 새로운 생성기 "컴포넌트 e2e 테스트 파일 생성기" 추가.
turbo/generators/templates/e2e/test.ts.hbs Playwright를 사용한 시각적 회귀 테스트 및 접근성 테스트를 포함한 새로운 테스트 파일 템플릿 추가.

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant Generator
    participant Template

    User->>Generator: 컴포넌트 이름 입력
    Generator->>Template: Handlebars 템플릿 사용
    Template-->>Generator: 테스트 파일 생성
    Generator-->>User: 테스트 파일 제공
Loading

Assessment against linked issues

Objective Addressed Explanation
e2e 테스트 코드 템플릿 생성 및 적용 (#85)

Possibly related PRs

Suggested labels

🎯 기능 구현

Poem

🐰 새로운 파일이 생겼네,
테스트가 즐겁게 시작되네.
시각과 접근성 모두 챙기고,
코드의 품질을 높여주네!
함께 뛰어놀자, 버그 없는 세상으로! 🌟


Recent review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between b7afac5 and 7af1b7d.

Files selected for processing (2)
  • turbo/generators/config.ts (1 hunks)
  • turbo/generators/templates/e2e/test.ts.hbs (1 hunks)
Files skipped from review as they are similar to previous changes (1)
  • turbo/generators/templates/e2e/test.ts.hbs
Additional comments not posted (1)
turbo/generators/config.ts (1)

65-81: 컴포넌트 e2e 테스트 파일 생성기가 잘 구현되었습니다.

새로운 생성기 함수가 기존 파일의 패턴을 잘 따르고 있으며, 사용자에게 명확한 프롬프트를 제공하여 컴포넌트 이름을 입력받습니다. Handlebars 템플릿을 사용하여 테스트 파일을 생성하고, kebabCase 헬퍼를 활용하여 일관된 파일 이름을 생성하는 것도 좋습니다.

이 생성기를 통해 개발자들이 보다 쉽게 컴포넌트의 e2e 테스트 파일을 생성할 수 있을 것으로 기대됩니다.


Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share
Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>.
    • Generate unit testing code for this file.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai generate unit testing code for this file.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai generate interesting stats about this repository and render them as a table.
    • @coderabbitai show all the console.log statements in this repository.
    • @coderabbitai read src/utils.ts and generate unit testing code.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

  • You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
  • Please see the configuration documentation for more information.
  • If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@github-actions github-actions bot added the D-3 리뷰 마감 3일전 label Sep 9, 2024
Copy link

github-actions bot commented Sep 9, 2024

VRT 테스트 성공

VRT 테스트가 성공적으로 완료되었습니다.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

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

Actionable comments posted: 1

Review details

Configuration used: CodeRabbit UI
Review profile: CHILL

Commits

Files that changed from the base of the PR and between 5af121c and b7afac5.

Files selected for processing (2)
  • turbo/generators/config.ts (1 hunks)
  • turbo/generators/templates/e2e/test.ts.hbs (1 hunks)
Additional comments not posted (3)
turbo/generators/templates/e2e/test.ts.hbs (3)

1-5: 필요한 유틸리티를 잘 가져왔습니다.

Playwright 테스트 유틸리티와 로컬 유틸리티 함수를 잘 가져왔습니다. 이는 e2e 테스트의 기능성을 보장합니다.


6-13: 시각적 회귀 테스트가 적절하게 구현되었습니다.

컴포넌트 이름에 따라 동적으로 생성되는 테스트 시나리오는 강력한 접근 방식입니다. 스크린샷을 사용한 시각적 회귀 테스트는 적절합니다.


15-22: 웹 접근성 테스트가 잘 구현되었습니다.

axeAccessibilityScan 함수를 사용하여 접근성 위반을 확인하고, 위반 사항이 없어야 한다는 강력한 주장은 높은 접근성 표준을 보장하는 좋은 관행입니다.

turbo/generators/config.ts Outdated Show resolved Hide resolved
@github-actions github-actions bot added D-2 리뷰 마감 2일전 and removed D-3 리뷰 마감 3일전 labels Sep 9, 2024
@github-actions github-actions bot added D-1 리뷰 마감 1일전 and removed D-2 리뷰 마감 2일전 labels Sep 10, 2024
Copy link

VRT 테스트 성공

VRT 테스트가 성공적으로 완료되었습니다.

@github-actions github-actions bot added D-0 리뷰 마감 당일(꼭 리뷰해주세요!) and removed D-1 리뷰 마감 1일전 labels Sep 11, 2024
@ghdtjgus76 ghdtjgus76 merged commit 8311f48 into develop Sep 13, 2024
1 check passed
@ghdtjgus76 ghdtjgus76 deleted the feat/#85 branch September 13, 2024 08:11
gs0428 pushed a commit that referenced this pull request Sep 13, 2024
* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정
gs0428 added a commit that referenced this pull request Sep 15, 2024
* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
gs0428 added a commit that referenced this pull request Sep 30, 2024
* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
gs0428 added a commit that referenced this pull request Sep 30, 2024
* feat: hr 태그 style 초기화하는 로직 생성

* docs: Horizontal일 떄 args 추가

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: ShinYoung-Kim <83866983+ShinYoung-Kim@users.noreply.github.com>
gs0428 pushed a commit that referenced this pull request Oct 8, 2024
* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정
gs0428 added a commit that referenced this pull request Oct 8, 2024
* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
gs0428 added a commit that referenced this pull request Oct 8, 2024
* feat: hr 태그 style 초기화하는 로직 생성

* docs: Horizontal일 떄 args 추가

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: ShinYoung-Kim <83866983+ShinYoung-Kim@users.noreply.github.com>
gs0428 pushed a commit that referenced this pull request Oct 8, 2024
* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정
gs0428 added a commit that referenced this pull request Oct 8, 2024
* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
gs0428 added a commit that referenced this pull request Oct 8, 2024
* feat: hr 태그 style 초기화하는 로직 생성

* docs: Horizontal일 떄 args 추가

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: ShinYoung-Kim <83866983+ShinYoung-Kim@users.noreply.github.com>
ShinYoung-Kim added a commit that referenced this pull request Oct 9, 2024
* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* c�hore/#25 husky, lint-staged 세팅 (#44)

* chore: husky 라이브러리 설치 및 script 수정

* feat: pre-commit, pre-push 설정

* fix: gitignore에 .eslintcache 추가

* chore: lint-staged 적용

* chore: EOL 반영

* fix: 잘못된 lint-staged 위치 수정

* chore: prettier script 수정 및 husky 설정 수정

* chore: lint stage file로 분리

* feat/#54 패키지 매니저 버전 강제하도록 설정 (#57)

* chore: settings.json prettier requireConfig 설정 추가

* feat: pnpm 패키지 매니저 버전 강제 설정 추가

* feat: pnpm lock 파일 변경사항 반영

* chore: vscode settings 변경 사항 삭제

* fix: eol 이슈 해결

* chore: pnpm lock 파일 변경 사항 반영

* chore/#37 jest 설정 (#43)

* chore: jest 설치

preset으로 ts-jest 적용

* chore: button에 대한 예시 테스트 코드 추가

* chore: ts-node 의존성 설치

* chore: jest 설정 파일에 주석 제거

* chore: jest 설정 코멘트 삭제

* chore: Button 테스트 description 한글로 번역

* chore: 의존성 업데이트

* chore: commit 시 jest 테스트 실행

* feat/#12 Primitive UI codegen 세팅 (#42)

* feat: 반영되지 않은 패키지 변경사항 반영

* chore: 불필요한 gitkeep 파일 삭제

* feat: 컴포넌트 스토리 템플릿 추가

* feat: 컴포넌트 테스트 템플릿 추가

* feat: 컴포넌트 템플릿 추가

* feat: package.json 템플릿 추가

* feat: 리드미 템플릿 추가

* feat: tsconfig.json 템플릿 추가

* feat: tsup.config.ts 템플릿 추가

* rename: 테스트, 컴포넌트, 스토리 템플릿 폴더 구조 세팅

* feat: root devDependency에 tsup 설치

* docs: tsup config 파일 템플릿 추가

* docs: tsconfig 파일 템플릿 추가

* docs: 리드미 파일 템플릿 추가

* docs: 스토리 파일 템플릿 추가

* feat: root devDependency에 @testing-library/react 설치

* docs: 테스트 파일 템플릿 추가

* docs: 컴포넌트 파일 템플릿 추가

* docs: 컴포넌트 배럴 파일 템플릿 추가

* docs: 컴포넌트 package.json 템플릿 추가

* feat: root devDependency에 @turbo/gen 패키지 설치

* chore: 불필요한 파일 삭제

* feat: primitive 컴포넌트 base file generator 작동하도록 turbo gen 설정

* feat: primitive, themed 패키지 중 생성할 패키지 고를 수 있도록 기능 추가

* fix: tsconfig.json 템플릿 루트 tsconfig.json 경로 잘못 지정한 부분 수정

* fix: tsup.config.ts 템플릿 target es2020으로 수정

* chore: 테스트 파일 템플릿 수정

* chore: tsconfig.json 파일 템플릿 수정

* chore: 컴포넌트 파일 템플릿 수정

* chore: 컴포넌트 배럴 파일 템플릿 수정

* chore: 컴포넌트 스토리 파일 템플릿 수정

* chore: root tsconfig 설정 변경

* chore: 자잘한 오타 반영

* chore: package.json build 스크립트 수정

* chore: package.json peerDependency로 next 포함하도록 수정

* chore: 스토리북 예시 파일 복원

* chore: turbo gen prompts message 한글로 변경

* chore: component 템플릿 타입 추론되도록 수정

* chore: component package.json 템플릿 peerDependency에서 next 삭제

* chore: turbo gen generator name, description message 한글로 변경

* chore: package.json 템플릿 name primitive, themed 구분하도록 수정

* chore: package.json 템플릿 name 포맷 변경

* feat: 테스트 코드 템플릿 테스트 케이스 추가

* chore: props 타입 컨벤션 변경에 따른 변경사항 적용

* chore: prettierignore 목록에 turbo 폴더 추가

* feat: pnpm lock 파일 변경사항 반영

* feat: root format 스크립트 추가

* fix: 사라진 prettier 설정 수정

* feat: plop format 기능 추가

* feat: plop kebabCase helper 추가

* chore: plop 생성 파일명 kebabCase로 변경

* feat: root에 turbo gen 스크립트 추가

* feat: prettierignore에 pnpm-lock 파일 추가

* chore: eol 이슈 해결

* chore: release action node 버전 변경

* chore/#38 playwright 테스트 설정 (#61)

* chore: playwright 설치

* feat: playwright e2e 테스트 (시각적 회귀 테스트, 웹접근성 테스트)

* chore: playwright ci 테스트

* chore: ci 환경에서 의존성 설치 방식 변경

* chore: 워크플로우 ci환경에 playwright 브라우저 설치

* chore: 워크플로우 playwright ci 옵션 추가

* chore: playwright npx로 실행 명령어 변경

* chore: playwright --project 옵션 제거

* chore: 명령어 복구

* chore: playwright 환경 수정

* chore: playwright worker 옵션 변경

* chore: log 추가

* chore: 스토리북 빌드 방식으로 실행

* chore: button 스냅샷 업로드

* chore: playwright 설정 복원

* chore: pr comment 추가

* chore: fetch-depth 추가

* chore: 스냅샷 파일 수정

* chore: testDir path 설정

* chore: playwright 옵션 변경

* chore: 불필요한 테스트 삭제

* chore: checkout version 업데이트

* chore: 테스트 코드 변경

* chore: log 삭제

* chore: error 로그 추가

* chore: 로그 추가

* chore: --update-snapshots 옵션 추가

* chore: 폴더 확인 로직 수정

* chore: yml indent 수정

* chore: 디렉토리 확인 수정

* chore: update snapshot 옵션 삭제

* chore: 시각적 변경 테스트

* chore: update snapshot

* chore: 디렉토리 구조 확인

* chore: 아티팩트 업로드

* chore: bold 처리 삭제

* chore: button font arial로 변경

* chore: font 업데이트 이후 actual 변경

* chore: font-weight 700 to bold

* chore: web font로 변경

* chore: 폰트 로딩 상태 확인

* chore: roboto로 변경

* chore: font-weight 삭제

* chore: ci 환경에 폰트 설치

* chore: 변경되는 스냅샷 확인

* chore: plarywright 스크립트 변경

* chore: storybook 실행 명령어 수정

* chore: process 변경

* chore: local vrt 삭제

* chore: label flow 수정

* chore: .playwright의 하위에 있는 폴더만 pr에 반영되도록 수정

* Update VRT snapshots in .playwright folder

* chore: button에 불필요한 텍스트 삭제

* Update VRT snapshots in .playwright folder

* chore: Button 라인 분리

* chore: 실패시 아티팩트 업로드하도록 수정

* chore: 성공 comment 메시지 수정

* chore: chromatic action version 수정

* chore: pnpm action version 변경

* chore: vrt test에 permission 추가

* chore: 토큰 체커

---------

Co-authored-by: GitHub Action <action@github.com>

* feat/#51 공통 prettier 설정 불러오도록 설정 변경 (#56)

* chore/#46 D-day Labeler workflow 추가 (#66)

* feat: D-day Labeler workflow 추가

* chore: transfer action script personal repo to organization repo

* chore: pr-dday-labeler action 버전 1.0.3으로 지정

* chore: PR D-day Labeler schedule 시간 한국 00:00으로 변경

* fix/#47 빌드 버그 해결 (#64)

* fix: tsconfig 빌드 에러 해결 (feat/#41)

* fix: tsconfig 및 eslint 설정 오류 수정

* fix: tsconfig 범위 수정

* fix: tsconfig 빌드 에러 해결 (feat/#41)

* fix: tsconfig 및 eslint 설정 오류 수정

* fix: tsconfig 범위 수정

* chore/#65 jest.setup.ts 설정 (#72)

* chore: jest.setup.ts와 관련 의존성 설정

* feat: button rtl 테스트 추가

* chore: @testing-library/jest-dom를 devDependencies로 수정

* chore: local github action test용 secret 파일 gitignore에 추가 (#68)

* feat/#48 Divider 컴포넌트 개발 (#73)

* chore: component 이슈 템플릿 생성

* chore: component 이슈 템플릿 생성

* chore: init @testing-library/jest-dom

* chore: generate divider component

* chore: prettier 적용

* feat: Divider 컴포넌트 구현

* feat: Divider 컴포넌트 스토리북 생성

* docs: Divider storybook componentSubtitle 수정

* docs: component issue 템플릿 labels 추가

* docs: Divider storybook componentSubtitle 수정

* docs: component issue 템플릿 내용 수정

* feat: orientation에 따른 태그 변경 및 displayName 수정

* docs: default에 있던 style 삭제

* test: orientation prop에 따른 테스트 코드 추가

* docs: Update Divider README.md

* fix: 오타 수정

* chore: Divider Default 이름 변경 및 args 제거

* fix: JSX 형식으로 변경 및 ref 타입 수정

* docs: Divider description 추가

* refactor: 변수명 변경 및 unknown 제거

* chore: pnpm install

* fix/#74 템플릿 수정 (#79)

* fix: package.json version, author, homepage 추가

* chore: prettier ignore 추가

* chore: pnpm install

* fix: 오타 및 이름 수정

* fix: root pakcage.json name 수정

* chore: template props 수정

* �docs/#75 컴포넌트 pr 템플릿 생성 (#80)

* rename: pull request 파일 위치 이동

* chore: prettier ignore 추가

* docs: component용 pr 템플릿 작성

* rename: template 파일명 변경

* chore: pnpm install

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* chore: release action node 버전 변경

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* chore: action 파일 최적화 반영

* chore: name 수정

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* chore: release action node 버전 변경

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* chore: changeset 설치

* chore: publish 명령어 생성

* chore: changeset github action 생성

* chore: action 파일 최적화 반영

* chore: name 수정

* chore: 코더레빗 코드리뷰 반영

* fix: script " 삭제

* fix: lock 파일 수정

---------

Co-authored-by: Gwang Soo <114225974+gs0428@users.noreply.github.com>
Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: MJ <80272444+minai621@users.noreply.github.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
ghdtjgus76 added a commit that referenced this pull request Oct 11, 2024
* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정
ghdtjgus76 added a commit that referenced this pull request Oct 11, 2024
* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
ghdtjgus76 added a commit that referenced this pull request Oct 11, 2024
* feat: hr 태그 style 초기화하는 로직 생성

* docs: Horizontal일 떄 args 추가

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: ShinYoung-Kim <83866983+ShinYoung-Kim@users.noreply.github.com>
ghdtjgus76 added a commit that referenced this pull request Oct 11, 2024
* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* c�hore/#25 husky, lint-staged 세팅 (#44)

* chore: husky 라이브러리 설치 및 script 수정

* feat: pre-commit, pre-push 설정

* fix: gitignore에 .eslintcache 추가

* chore: lint-staged 적용

* chore: EOL 반영

* fix: 잘못된 lint-staged 위치 수정

* chore: prettier script 수정 및 husky 설정 수정

* chore: lint stage file로 분리

* feat/#54 패키지 매니저 버전 강제하도록 설정 (#57)

* chore: settings.json prettier requireConfig 설정 추가

* feat: pnpm 패키지 매니저 버전 강제 설정 추가

* feat: pnpm lock 파일 변경사항 반영

* chore: vscode settings 변경 사항 삭제

* fix: eol 이슈 해결

* chore: pnpm lock 파일 변경 사항 반영

* chore/#37 jest 설정 (#43)

* chore: jest 설치

preset으로 ts-jest 적용

* chore: button에 대한 예시 테스트 코드 추가

* chore: ts-node 의존성 설치

* chore: jest 설정 파일에 주석 제거

* chore: jest 설정 코멘트 삭제

* chore: Button 테스트 description 한글로 번역

* chore: 의존성 업데이트

* chore: commit 시 jest 테스트 실행

* feat/#12 Primitive UI codegen 세팅 (#42)

* feat: 반영되지 않은 패키지 변경사항 반영

* chore: 불필요한 gitkeep 파일 삭제

* feat: 컴포넌트 스토리 템플릿 추가

* feat: 컴포넌트 테스트 템플릿 추가

* feat: 컴포넌트 템플릿 추가

* feat: package.json 템플릿 추가

* feat: 리드미 템플릿 추가

* feat: tsconfig.json 템플릿 추가

* feat: tsup.config.ts 템플릿 추가

* rename: 테스트, 컴포넌트, 스토리 템플릿 폴더 구조 세팅

* feat: root devDependency에 tsup 설치

* docs: tsup config 파일 템플릿 추가

* docs: tsconfig 파일 템플릿 추가

* docs: 리드미 파일 템플릿 추가

* docs: 스토리 파일 템플릿 추가

* feat: root devDependency에 @testing-library/react 설치

* docs: 테스트 파일 템플릿 추가

* docs: 컴포넌트 파일 템플릿 추가

* docs: 컴포넌트 배럴 파일 템플릿 추가

* docs: 컴포넌트 package.json 템플릿 추가

* feat: root devDependency에 @turbo/gen 패키지 설치

* chore: 불필요한 파일 삭제

* feat: primitive 컴포넌트 base file generator 작동하도록 turbo gen 설정

* feat: primitive, themed 패키지 중 생성할 패키지 고를 수 있도록 기능 추가

* fix: tsconfig.json 템플릿 루트 tsconfig.json 경로 잘못 지정한 부분 수정

* fix: tsup.config.ts 템플릿 target es2020으로 수정

* chore: 테스트 파일 템플릿 수정

* chore: tsconfig.json 파일 템플릿 수정

* chore: 컴포넌트 파일 템플릿 수정

* chore: 컴포넌트 배럴 파일 템플릿 수정

* chore: 컴포넌트 스토리 파일 템플릿 수정

* chore: root tsconfig 설정 변경

* chore: 자잘한 오타 반영

* chore: package.json build 스크립트 수정

* chore: package.json peerDependency로 next 포함하도록 수정

* chore: 스토리북 예시 파일 복원

* chore: turbo gen prompts message 한글로 변경

* chore: component 템플릿 타입 추론되도록 수정

* chore: component package.json 템플릿 peerDependency에서 next 삭제

* chore: turbo gen generator name, description message 한글로 변경

* chore: package.json 템플릿 name primitive, themed 구분하도록 수정

* chore: package.json 템플릿 name 포맷 변경

* feat: 테스트 코드 템플릿 테스트 케이스 추가

* chore: props 타입 컨벤션 변경에 따른 변경사항 적용

* chore: prettierignore 목록에 turbo 폴더 추가

* feat: pnpm lock 파일 변경사항 반영

* feat: root format 스크립트 추가

* fix: 사라진 prettier 설정 수정

* feat: plop format 기능 추가

* feat: plop kebabCase helper 추가

* chore: plop 생성 파일명 kebabCase로 변경

* feat: root에 turbo gen 스크립트 추가

* feat: prettierignore에 pnpm-lock 파일 추가

* chore: eol 이슈 해결

* chore: release action node 버전 변경

* chore/#38 playwright 테스트 설정 (#61)

* chore: playwright 설치

* feat: playwright e2e 테스트 (시각적 회귀 테스트, 웹접근성 테스트)

* chore: playwright ci 테스트

* chore: ci 환경에서 의존성 설치 방식 변경

* chore: 워크플로우 ci환경에 playwright 브라우저 설치

* chore: 워크플로우 playwright ci 옵션 추가

* chore: playwright npx로 실행 명령어 변경

* chore: playwright --project 옵션 제거

* chore: 명령어 복구

* chore: playwright 환경 수정

* chore: playwright worker 옵션 변경

* chore: log 추가

* chore: 스토리북 빌드 방식으로 실행

* chore: button 스냅샷 업로드

* chore: playwright 설정 복원

* chore: pr comment 추가

* chore: fetch-depth 추가

* chore: 스냅샷 파일 수정

* chore: testDir path 설정

* chore: playwright 옵션 변경

* chore: 불필요한 테스트 삭제

* chore: checkout version 업데이트

* chore: 테스트 코드 변경

* chore: log 삭제

* chore: error 로그 추가

* chore: 로그 추가

* chore: --update-snapshots 옵션 추가

* chore: 폴더 확인 로직 수정

* chore: yml indent 수정

* chore: 디렉토리 확인 수정

* chore: update snapshot 옵션 삭제

* chore: 시각적 변경 테스트

* chore: update snapshot

* chore: 디렉토리 구조 확인

* chore: 아티팩트 업로드

* chore: bold 처리 삭제

* chore: button font arial로 변경

* chore: font 업데이트 이후 actual 변경

* chore: font-weight 700 to bold

* chore: web font로 변경

* chore: 폰트 로딩 상태 확인

* chore: roboto로 변경

* chore: font-weight 삭제

* chore: ci 환경에 폰트 설치

* chore: 변경되는 스냅샷 확인

* chore: plarywright 스크립트 변경

* chore: storybook 실행 명령어 수정

* chore: process 변경

* chore: local vrt 삭제

* chore: label flow 수정

* chore: .playwright의 하위에 있는 폴더만 pr에 반영되도록 수정

* Update VRT snapshots in .playwright folder

* chore: button에 불필요한 텍스트 삭제

* Update VRT snapshots in .playwright folder

* chore: Button 라인 분리

* chore: 실패시 아티팩트 업로드하도록 수정

* chore: 성공 comment 메시지 수정

* chore: chromatic action version 수정

* chore: pnpm action version 변경

* chore: vrt test에 permission 추가

* chore: 토큰 체커

---------

Co-authored-by: GitHub Action <action@github.com>

* feat/#51 공통 prettier 설정 불러오도록 설정 변경 (#56)

* chore/#46 D-day Labeler workflow 추가 (#66)

* feat: D-day Labeler workflow 추가

* chore: transfer action script personal repo to organization repo

* chore: pr-dday-labeler action 버전 1.0.3으로 지정

* chore: PR D-day Labeler schedule 시간 한국 00:00으로 변경

* fix/#47 빌드 버그 해결 (#64)

* fix: tsconfig 빌드 에러 해결 (feat/#41)

* fix: tsconfig 및 eslint 설정 오류 수정

* fix: tsconfig 범위 수정

* fix: tsconfig 빌드 에러 해결 (feat/#41)

* fix: tsconfig 및 eslint 설정 오류 수정

* fix: tsconfig 범위 수정

* chore/#65 jest.setup.ts 설정 (#72)

* chore: jest.setup.ts와 관련 의존성 설정

* feat: button rtl 테스트 추가

* chore: @testing-library/jest-dom를 devDependencies로 수정

* chore: local github action test용 secret 파일 gitignore에 추가 (#68)

* feat/#48 Divider 컴포넌트 개발 (#73)

* chore: component 이슈 템플릿 생성

* chore: component 이슈 템플릿 생성

* chore: init @testing-library/jest-dom

* chore: generate divider component

* chore: prettier 적용

* feat: Divider 컴포넌트 구현

* feat: Divider 컴포넌트 스토리북 생성

* docs: Divider storybook componentSubtitle 수정

* docs: component issue 템플릿 labels 추가

* docs: Divider storybook componentSubtitle 수정

* docs: component issue 템플릿 내용 수정

* feat: orientation에 따른 태그 변경 및 displayName 수정

* docs: default에 있던 style 삭제

* test: orientation prop에 따른 테스트 코드 추가

* docs: Update Divider README.md

* fix: 오타 수정

* chore: Divider Default 이름 변경 및 args 제거

* fix: JSX 형식으로 변경 및 ref 타입 수정

* docs: Divider description 추가

* refactor: 변수명 변경 및 unknown 제거

* chore: pnpm install

* fix/#74 템플릿 수정 (#79)

* fix: package.json version, author, homepage 추가

* chore: prettier ignore 추가

* chore: pnpm install

* fix: 오타 및 이름 수정

* fix: root pakcage.json name 수정

* chore: template props 수정

* �docs/#75 컴포넌트 pr 템플릿 생성 (#80)

* rename: pull request 파일 위치 이동

* chore: prettier ignore 추가

* docs: component용 pr 템플릿 작성

* rename: template 파일명 변경

* chore: pnpm install

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* test/#84 Divider vrt 테스트 추가 (#91)

* test: Divider 컴포넌트의 e2e 테스트 코드 작성

* chore: Button 관련 파일들 모두 삭제

* rename: 컴포넌트명 케밥케이스로 변경

* chore: 테스트 파일 내부 텍스트 변경

* chore: 캐시된 내용 삭제

* rename: e2e 테스트 폴더 구조 변경

* feat/#50 github action 워크플로우 최적화 (#90)

* chore: 크로마틱 배포 시 pnpm 캐시 사용하도록 변경

* chore: VRT 스냅샷 업데이트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: PR VRT 테스트 시 pnpm, playwright 캐시 사용하도록 변경

* chore: chromatic_auto_deploy 코드 리뷰 반영

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: 코드 리뷰 반영

* chore: ${action} 캐시 형식으로 각 step name 변경

* chore: 각 action 최신 버전을 사용하도록 버전 수정

* chore: 의존성 설치 관련 스크립트 분리 후 재사용

* chore: playwright 설치 관련 스크립트 분리 후 재사용

* chore: 잘못된 경로 설정 수정

* chore: 잘못된 경로 설정 수정

* chore: pnpm, node 버전 환경 변수로 불러오도록 설정

* chore: 환경 변수 설정 별도 스크립트로 분리

* chore: pnpm/action-setup v4 버전으로 변경

* chore: eol 이슈 해결

* chore: 워크플로우 name 변경

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* feat/#85 codegen에 e2e 테스트 코드 템플릿 생성 및 적용 (#92)

* feat: e2e 테스트 코드 템플릿 파일 생성

* feat: e2e 테스트 코드 템플릿 파일 생성기 config 작성

* chore: e2e 테스트 파일 생성기 파일명 kebabCase로 수정

* chore: 예시 버튼 e2e 테스트 파일 삭제

* chore: 스토리북 템플릿 id ui로 시작되도록 수정

* fix: e2e 테스트 plob 템플릿 수정

---------

Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* chore: release action node 버전 변경

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* chore: action 파일 최적화 반영

* chore: name 수정

* chore/#93 husky 오류 해결 (#112)

* fix: pre-commit 오류 일으키는 코드 제거

* fix: jest testMatch 수정

* refactor: husky 구버전 관련 코드 pre push에서 제거

* chore: changeset 설치

* chore: changelog 레포 설정 추가 및 access 변경

* chore: publish 명령어 생성

* chore: changeset github action 생성

* feat: changeset 파일 생성

* chore: release action node 버전 변경

* feat: yml 커밋 메시지 추가

* chore: config ignore 추가

* chore: changeset 설치

* chore: publish 명령어 생성

* chore: changeset github action 생성

* chore: action 파일 최적화 반영

* chore: name 수정

* chore: 코더레빗 코드리뷰 반영

* fix: script " 삭제

* fix: lock 파일 수정

---------

Co-authored-by: Gwang Soo <114225974+gs0428@users.noreply.github.com>
Co-authored-by: 홍서현 <ghdtjgus76@naver.com>
Co-authored-by: MJ <80272444+minai621@users.noreply.github.com>
Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
D-0 리뷰 마감 당일(꼭 리뷰해주세요!) ⚙️ 세팅
Projects
None yet
Development

Successfully merging this pull request may close these issues.

codegen에 e2e 테스트 코드 템플릿 생성 및 적용
4 participants