Use for...of in visual tests too

js/tests/visual/modal.html

@@ -220,15 +220,14 @@
         }
       }
 
-      Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+      var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
-        .forEach(function (popover) {
+      for (const popoverEl of popoverElements) {
-          new Popover(popover)
+        new Popover(popoverEl)
-        })
+      }
-
+      var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
-      var tooltipList = Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+      for (const tooltipEl of tooltipElements) {
-      tooltipList.forEach(function (tooltip) {
+        new Tooltip(tooltipEl)
-        new Tooltip(tooltip)
+      }
-      })
 
       var tallToggle = document.getElementById('tall-toggle')
       var tall = document.getElementById('tall')

js/tests/visual/popover.html

@@ -40,10 +40,10 @@
     <script src="../../dist/tooltip.js"></script>
     <script src="../../dist/popover.js"></script>
     <script>
-      Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
+      var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
-        .forEach(function (popover) {
+      for (const popoverEl of popoverElements) {
-          new Popover(popover)
+        new Popover(popoverEl)
-        })
+      }
     </script>
   </body>
 </html>

js/tests/visual/toast.html

@@ -57,26 +57,26 @@
     <script src="../../dist/toast.js"></script>
     <script>
       window.addEventListener('load', function () {
-        Array.from(document.querySelectorAll('.toast'))
+        var toastElements = document.querySelectorAll('.toast')
-          .forEach(function (toastNode) {
+        for (const toastEl of toastElements) {
-            new Toast(toastNode)
+          new Toast(toastEl)
-          })
+        }
 
-          document.getElementById('btnShowToast').addEventListener('click', function () {
+        document.getElementById('btnShowToast').addEventListener('click', function () {
-            Array.from(document.querySelectorAll('.toast'))
+          var toastElements = document.querySelectorAll('.toast')
-              .forEach(function (toastNode) {
+          for (const toastEl of toastElements) {
-                var toast = Toast.getInstance(toastNode)
+            var toast = Toast.getInstance(toastEl)
-                toast.show()
+            toast.show()
-              })
+          }
-          })
+        })
 
-          document.getElementById('btnHideToast').addEventListener('click', function () {
+        document.getElementById('btnHideToast').addEventListener('click', function () {
-            Array.from(document.querySelectorAll('.toast'))
+          var toastElements = document.querySelectorAll('.toast')
-              .forEach(function (toastNode) {
+          for (const toastEl of toastElements) {
-                var toast = Toast.getInstance(toastNode)
+            var toast = Toast.getInstance(toastEl)
-                toast.hide()
+            toast.hide()
-              })
+          }
-          })
+        })
       })
     </script>
   </body>

js/tests/visual/tooltip.html

@@ -92,10 +92,10 @@
         })
       }
 
-      Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+      var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
-        .forEach(function (tooltip) {
+      for (const tooltipEl of tooltipElements) {
-          new Tooltip(tooltip)
+        new Tooltip(tooltipEl)
-        })
+      }
 
       var tooltipElement = document.getElementById('tooltipElement')
       var tooltipElementInstance = new Tooltip(tooltipElement, {