fix(visual-test): remove jquery in them

1 files changed, 7 insertions, 6 deletions

diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html
index aa6c5e4c71..42e81df6c0 100644
--- a/js/tests/visual/carousel.html
+++ b/js/tests/visual/carousel.html
@@ -45,24 +45,25 @@
       </div>
     </div>
 
-    <script src="../../../node_modules/jquery/dist/jquery.slim.min.js"></script>
+    <script src="../../dist/dom/polyfill.js"></script>
+    <script src="../../dist/dom/manipulator.js"></script>
     <script src="../../dist/dom/eventHandler.js"></script>
     <script src="../../dist/dom/selectorEngine.js"></script>
     <script src="../../dist/dom/data.js"></script>
     <script src="../../dist/util.js"></script>
     <script src="../../dist/carousel.js"></script>
     <script>
-      $(function() {
+      document.addEventListener('DOMContentLoaded', function () {
         var t0, t1;
-        var carousel = SelectorEngine.find('#carousel-example-generic')
+        var carousel = document.getElementById('carousel-example-generic')
 
         // Test to show that the carousel doesn't slide when the current tab isn't visible
         // Test to show that transition-duration can be changed with css
-        EventHandler.on(carousel, 'slid.bs.carousel', function (event) {
+        carousel.addEventListener('slid.bs.carousel', function (event) {
           t1 = performance.now()
-          console.log('transition-duration took' + (t1 - t0) + 'ms, slid at ', event.timeStamp)
+          console.log('transition-duration took ' + (t1 - t0) + 'ms, slid at ', event.timeStamp)
         })
-        EventHandler.on(carousel, 'slide.bs.carousel', function () {
+        carousel.addEventListener('slide.bs.carousel', function () {
           t0 = performance.now()
         })
       })