Use `for...of` in visual tests too

diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html
index eeb0aa567a768349c9ffa6422d53aee2ee9910c1..719e9cc10ee3ed9d901736b4ccfdc3c05dc6480b 100644 (file)
--- a/js/tests/visual/modal.html
+++ b/js/tests/visual/modal.html
@@ -220,15 +220,14 @@
         }
       }
 
-      Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
-        .forEach(function (popover) {
-          new Popover(popover)
-        })
-
-      var tooltipList = Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
-      tooltipList.forEach(function (tooltip) {
-        new Tooltip(tooltip)
-      })
+      var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
+      for (const popoverEl of popoverElements) {
+        new Popover(popoverEl)
+      }
+      var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      for (const tooltipEl of tooltipElements) {
+        new Tooltip(tooltipEl)
+      }
 
       var tallToggle = document.getElementById('tall-toggle')
       var tall = document.getElementById('tall')

diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html
index f914f2b3be5f3ea429d2f5ed9d090b9d6b71c97a..3503271ae44eb53c1f7e316cbbc821fb817bd861 100644 (file)
--- a/js/tests/visual/popover.html
+++ b/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"]'))
-        .forEach(function (popover) {
-          new Popover(popover)
-        })
+      var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
+      for (const popoverEl of popoverElements) {
+        new Popover(popoverEl)
+      }
     </script>
   </body>
 </html>

diff --git a/js/tests/visual/toast.html b/js/tests/visual/toast.html
index 3971a60755111aa125a6a92432391a29d1f694bc..f9e1741cfae765cac01c6e62d8e06bf1b14392aa 100644 (file)
--- a/js/tests/visual/toast.html
+++ b/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'))
-          .forEach(function (toastNode) {
-            new Toast(toastNode)
-          })
+        var toastElements = document.querySelectorAll('.toast')
+        for (const toastEl of toastElements) {
+          new Toast(toastEl)
+        }
 
-          document.getElementById('btnShowToast').addEventListener('click', function () {
-            Array.from(document.querySelectorAll('.toast'))
-              .forEach(function (toastNode) {
-                var toast = Toast.getInstance(toastNode)
-                toast.show()
-              })
-          })
+        document.getElementById('btnShowToast').addEventListener('click', function () {
+          var toastElements = document.querySelectorAll('.toast')
+          for (const toastEl of toastElements) {
+            var toast = Toast.getInstance(toastEl)
+            toast.show()
+          }
+        })
 
-          document.getElementById('btnHideToast').addEventListener('click', function () {
-            Array.from(document.querySelectorAll('.toast'))
-              .forEach(function (toastNode) {
-                var toast = Toast.getInstance(toastNode)
-                toast.hide()
-              })
-          })
+        document.getElementById('btnHideToast').addEventListener('click', function () {
+          var toastElements = document.querySelectorAll('.toast')
+          for (const toastEl of toastElements) {
+            var toast = Toast.getInstance(toastEl)
+            toast.hide()
+          }
+        })
       })
     </script>
   </body>

diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html
index 29248f9daf68bd9226a5cc24d4838b8ee23869ba..448841e588f32c31bc128b89d50e71224456123d 100644 (file)
--- a/js/tests/visual/tooltip.html
+++ b/js/tests/visual/tooltip.html
@@ -92,10 +92,10 @@
         })
       }
 
-      Array.prototype.slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
-        .forEach(function (tooltip) {
-          new Tooltip(tooltip)
-        })
+      var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+      for (const tooltipEl of tooltipElements) {
+        new Tooltip(tooltipEl)
+      }
 
       var tooltipElement = document.getElementById('tooltipElement')
       var tooltipElementInstance = new Tooltip(tooltipElement, {