| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8" /> |
| <title>Audio Tests</title> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <link rel="stylesheet" href="../node_modules/mocha/mocha.css" /> |
| <link rel="stylesheet" href="../abcjs-audio.css" /> |
| </head> |
| <body> |
| <p class="intro">These tests use the AudioContext which must be started after a user interaction, so you |
| need to click the button below to do the testing.</p> |
| <button class="intro start-test">Start Test</button> |
| <div id="mocha"></div> |
| <div id="paper"></div> |
| <div id="midi"></div> |
| <div id="paper2"></div> |
| <div id="midi2"></div> |
| <script src="../node_modules/chai/chai.js"></script> |
| <script src="../node_modules/mocha/mocha.js"></script> |
| <script class="mocha-init"> |
| mocha.setup({ui: 'bdd', globals: ['__VUE_DEVTOOLS_TOAST__', 'abcjsAudioContext']}); |
| mocha.checkLeaks(); |
| </script> |
|
|
| <script src="synth/synth.test.js"></script> |
|
|
| <script src="../node_modules/@tarp/require/require.min.js"></script> |
| <script> |
| Tarp.require({main: "../index.js"}).then(function (response) { |
| window.abcjs = response; |
| |
| var el = document.querySelector(".start-test"); |
| el.addEventListener("click", function() { |
| var els = document.querySelectorAll(".intro") |
| for (var i = 0; i < els.length; i++) { |
| els[i].style = "display:none;"; |
| } |
| mocha.run(); |
| }); |
| }); |
| </script> |
|
|
| </body> |
| </html> |
|
|
