저는 프론트엔드 웹 개발 과정 부트캠프와 함께 프로젝트를 진행하고 있는데 안타깝게도 교수님께서 제 질문에 답변해 주실 수 없습니다.
두 명의 플레이어가 26턴 동안 플레이하여 누가 승리하는지 확인하는 간단한 전쟁 카드 게임이 있습니다. 이 게임에는 다음과 같이 4개의 클래스가 있습니다
이것들은 내보낸 다음 실행에 필요한 해당 JS 파일로 가져올 수 있도록 모듈로 설정됩니다.
그런 다음 각 해당 파일을 사용하고 테스트를 위한 테스트.html을 생성하는 단위 테스트 파일 세트가 있습니다
이렇게 하면 각 해당 단위 테스트 js 파일에 액세스한 다음 설명된 방법을 통해 실행됩니다. 그러나 그들은 실제로 단위 테스트에 해당하는 "it" 함수를 실행하지 않습니다(이는 it 함수의 설명과 console.log()로 확인됩니다. 웹 브라우저에서 콘솔로 이동하려고 하면 또한 디버깅 시 오류가 발생하지 않고 이 작업을 수행합니다.
첫 번째 링크는 6주차에 커밋한 마스터 브랜치에 대한 것입니다. 가져오지 않아도 테스트가 작동하는 것을 볼 수 있으며 설명에 해당 클래스가 있습니다. https://github.com/jeffhennen/Projects/tree/master/Week6/Week6Final단위 테스트 대신 파일에 라이브 코드를 사용하고 이 섹션에서 했던 것처럼 해당 파일을 각각 분리하고 싶습니다. https://github.com/jeffhennen/Projects/tree/Test/Week6/Week6Final
이것은 내 test.html입니다
으아아아
다음은 내 CardTest.js 파일의 예입니다으아아아
이것은 내 Card.js 파일입니다
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="node_modules/mocha/mocha.css">
</head>
<body>
<div id = "mocha"><p><a href=".">Index</a></p></div>
<div id = "messages"></div>
<div id = "fixtures"></div>
<script src="node_modules/mocha/mocha.js"></script>
<script src="node_modules/chai/chai.js"></script>
<script type="module" src="Scripts/Card.js"></script>
<script type="module" src="Scripts/Deck.js"></script>
<script type="module" src="Scripts/Player.js"></script>
<script type="module" src="Scripts/War.js"></script>
<script>mocha.setup('bdd')</script>
<script type="module" src="UnitTests/CardTest.js"></script>
<script type="module" src="UnitTests/DeckTest.js"></script>
<script type="module" src="UnitTests/PlayerTest.js"></script>
<script>mocha.run();</script>
</body>
</html> 
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이를 실행하려면 테스트.html을 다음과 같이 업데이트하면 됩니다. 방금 태그를
로 업데이트했습니다. 으아아아