Made sound effects for when I have an error

#webdev #testing #javascript #showdev

I recently added some tests to my javascript code for a frontend project.
Here is one of them for example,

test('Eval Template', EvalTemplate('let result = "hola"; return result;'), 'hola');
~~~{% endraw %}
I thought it would be cool to play some sounds when they passed or failed.  
Its actually quite simple, you just wrap your main script in a function like start and use try and catch to check if there was an error and play sound.{% raw %}
~~~js
function start(){
  error
}
// in test.js
try{
  start();
}
catch(e){
  consoleLogStuff(e);
  playSound();
} // Thats the idea
~~~{% endraw %}

All you do to to play a sound is{% raw %}
~~~js
new Audio('path/to/sucsess.mp3').play();
~~~{% endraw %}
And I didn't forget to make fancy console log stuff.{% raw %}
~~~js
console.log('%cSUCSESS',
  'color:#111;background:#6e6;padding:16px;font-size:40px;\
  font-weight: bold;display:block;text-align:center;border-radius:16px;');
~~~
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/p8078difaidy9ekk4avm.png)

Now I hear a chime or error sound when testing which is actually quite helpful. If you do this, you should use VS live server or Atom live server extension for best experience.