[Canvas-불꽃놀이-22] TextParticle 클래스 단위 테스트

이전 글 : [Canvas-불꽃놀이-21] TailParticle 클래스 단위 테스트 [Canvas-불꽃놀이-21] TailParticle 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트 [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-19] CanvasOption 단위 테스트 [Canvas-불꽃놀이-19] CanvasOption 단위 테jinsk-joy.tistory.com TextParticle 단위 테스트 진행 TextParticle 클래스 단위 테스트 진행TailParticle 클래스와 마찬가지로 TextParticle만의 멤버 변수와, 부모 메서드 호출, 고유 로직을 오류 없이 수행하는지 검증하도..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 8.
• textsms

[Canvas-불꽃놀이-21] TailParticle 클래스 단위 테스트

이전 글 : [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트 [Canvas-불꽃놀이-20] Particle 클래스 단위 테스트이전 글 : [Canvas-불꽃놀이-19] CanvasOption 단위 테스트 [Canvas-불꽃놀이-19] CanvasOption 단위 테스트이전 글 : [Canvas-불꽃놀이-18] utils.js 단위 테스트 [Canvas-불꽃놀이-18] utils.js 단위 테스트이전 글 : [Cjinsk-joy.tistory.com TailParticle 클래스 단위 테스트 진행 TailParticle 단위 테스트부모 파티클인 Particle 클래스의 검증이 끝났으니 TailParticle 클래스도 단위 테스트를 진행하도록 한다.부모의 속성, 기능이 TailPartic..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 7.
• textsms

[Canvas-불꽃놀이-20] Particle 클래스 단위 테스트

이전 글 : [Canvas-불꽃놀이-19] CanvasOption 단위 테스트 [Canvas-불꽃놀이-19] CanvasOption 단위 테스트이전 글 : [Canvas-불꽃놀이-18] utils.js 단위 테스트 [Canvas-불꽃놀이-18] utils.js 단위 테스트이전 글 : [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서 [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순jinsk-joy.tistory.com Particle 클래스 단위 테스트 진행 Particle 클래스 단위 테스트Particle.js 전체 코드 확인더보기import { randomFloat, setRgbaColor } from "@/js/utils.js";import { PARTICLE } from..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 6.
• textsms

[Canvas-불꽃놀이-19] CanvasOption 단위 테스트

이전 글 : [Canvas-불꽃놀이-18] utils.js 단위 테스트 [Canvas-불꽃놀이-18] utils.js 단위 테스트이전 글 : [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서 [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서이전 글 : [Canvas-불꽃놀이-16] SparkParticle로 잔상효과 적용하기 [Canvas-불꽃놀이-16] SparkPajinsk-joy.tistory.com CanvasOption 클래스를 테스트하여 캔버스 크기, 속성 등 검증하기 CanvasOption 환경 설정CanvasOption 클래스 전체 코드더보기import { ANIMATION, SCREEN, POS, FONT } from "@/js/constants.js";cla..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 5.
• textsms

[Canvas-불꽃놀이-18] utils.js 단위 테스트

이전 글 : [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서 [Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서이전 글 : [Canvas-불꽃놀이-16] SparkParticle로 잔상효과 적용하기 [Canvas-불꽃놀이-16] SparkParticle로 잔상효과 적용하기이전 글 : [Canvas-불꽃놀이-15] CircleParticle 구현과 업데이트 [Canvas-불꽃놀이-15] Circjinsk-joy.tistory.com isEven을 제외한 나머지 유틸리티 메서드에 대해 단위테스트를 진행 (Jest 문서)  utils.js 단위 테스트utils.js 코드 전체 보기더보기import { PARTICLE } from "@/js/constants.js";/** * @pa..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 4.
• textsms

[Canvas-불꽃놀이-17] Jest 설정과 테스트 진행 순서

이전 글 : [Canvas-불꽃놀이-16] SparkParticle로 잔상효과 적용하기 [Canvas-불꽃놀이-16] SparkParticle로 잔상효과 적용하기이전 글 : [Canvas-불꽃놀이-15] CircleParticle 구현과 업데이트 [Canvas-불꽃놀이-15] CircleParticle 구현과 업데이트이전 글 : [Canvas-불꽃놀이-14] 원형 불꽃 효과 생성 [Canvas-불꽃놀이-14] 원형 불꽃 효과 생jinsk-joy.tistory.com Jest설치와 Particle 클래스와 자식 클래스 테스트 코드 작성 이제 프로젝트의 마무리로 테스트 코드를 작성해 의도한 대로 프로젝트가 동작하는지 확인해 보도록 하겠다. 1. Jest 설치와 기본 설정다음과 같이 Jest를 설치하고 테스트..

• format_list_bulleted Canvas/불꽃놀이 프로젝트
• · 2024. 12. 3.
• textsms