Feature/background music and sounds (#35)

fixed unit tests not running due to sounds not found
Gamify-IT · Jul 22, 2024 · aa49f2f · aa49f2f
2 parents 59071de + ee9ee2e
commit aa49f2f
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 9 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -3,8 +3,8 @@ import { ref, onMounted, onUnmounted } from 'vue';
 import HomeView from '@/views/HomeView.vue';
 import GameView from '@/views/GameView.vue';
 import FinishView from '@/views/FinishView.vue';
-import backgroundMusicSource from '/src/assets/music/background_music.mp3';
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import backgroundMusicSource from '@/assets/music/background_music.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
 
 const backgroundMusic = new Audio(backgroundMusicSource);
 const clickSound = new Audio(clickSoundSource);

diff --git a/src/components/ChatBox.vue b/src/components/ChatBox.vue
@@ -2,9 +2,9 @@
 import { ChatColor, ChatParticipant } from '@/models/chat';
 import { watch } from 'vue';
 import { chatHistory } from '@/services/chat';
-import notificationSoundSource from '/src/assets/music/notification_sound.mp3';
-import successSoundSource from '/src/assets/music/success_sound.mp3';
-import errorSoundSource from '/src/assets/music/error_sound.mp3';
+import notificationSoundSource from '@/assets/music/notification_sound.mp3';
+import successSoundSource from '@/assets/music/success_sound.mp3';
+import errorSoundSource from '@/assets/music/error_sound.mp3';
 
 const notificationSound = new Audio(notificationSoundSource);
 const successSound = new Audio(successSoundSource);

diff --git a/src/components/CodeBox.vue b/src/components/CodeBox.vue
@@ -5,7 +5,7 @@ import { CodeVisualizer } from '@/services/code-visualizer';
 import WordBox from '@/components/WordBox.vue';
 import SelectBugModal from '@/components/SelectBugModal.vue';
 import { ref, watch } from 'vue';
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
 
 const clickSound = new Audio(clickSoundSource);
 const props = defineProps<{

diff --git a/src/shims-vue.d.ts b/src/shims-vue.d.ts
@@ -4,3 +4,4 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>
   export default component
 }
+declare module "*.mp3";
diff --git a/src/views/FinishView.vue b/src/views/FinishView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
 
 const clickSound = new Audio(clickSoundSource);
 function closeGame() {

diff --git a/src/views/GameView.vue b/src/views/GameView.vue
@@ -6,7 +6,7 @@ import { ICode, ISolution } from '@/models/code';
 import * as chat from '@/services/chat';
 import { CodeFeedback } from '@/services/code-feedback';
 import { Ref, ref } from 'vue';
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3';
 
 const clickSound = new Audio(clickSoundSource);
 

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { BASE_URL } from '@/app';
 import { ref } from 'vue';
-import clickSoundSource from '/src/assets/music/click_sound.mp3';
+import clickSoundSource from '@/assets/music/click_sound.mp3'
 
 const clickSound = new Audio(clickSoundSource);
 const emit = defineEmits<{

diff --git a/tests/unit/bugfindergame.spec.ts b/tests/unit/bugfindergame.spec.ts
@@ -1,6 +1,7 @@
 import { Bug, Code, ErrorType, IBug, ICode, ISolution, Solution, Word } from '@/models/code';
 import { BugFinderGame } from '@/services/bugfindergame';
 import mockAxios from 'jest-mock-axios';
+import clickSoundSource from '@/assets/music/click_sound.mp3'
 
 jest.mock('axios');