Fix visual tests (#35585)

* Fix visual tests

They broke in #34509

* load bundle.js in visual tests

Co-authored-by: GeoSot <geo.sotis@gmail.com>

diff --git a/js/tests/visual/alert.html b/js/tests/visual/alert.html
index c5e2efafad57014eed9c336ac3f79c38ea9db871..2433b9e8e3508b6975943582bb8b5b77578fa945 100644 (file)
--- a/js/tests/visual/alert.html
+++ b/js/tests/visual/alert.html
@@ -43,10 +43,6 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/alert.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html
index 0bd2f1097867818d9449b95776937611b2f2ed20..0c54934f0a4964119f9918c12cbee0268977f06a 100644 (file)
--- a/js/tests/visual/button.html
+++ b/js/tests/visual/button.html
@@ -44,10 +44,6 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/button.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html
index 561b6ce5ae57eacee0633f1a955f652ac914edbe..b26895fd05f726d582a75a0fa429264ad3c157cd 100644 (file)
--- a/js/tests/visual/carousel.html
+++ b/js/tests/visual/carousel.html
@@ -45,12 +45,7 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/carousel.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
     <script>
       var t0
       var t1

diff --git a/js/tests/visual/collapse.html b/js/tests/visual/collapse.html
index e4e534bcf405b4ee90c34d88120f71dcbcf02c2f..2782c56b691f3f0dd46e5d377e9456dee5036260 100644 (file)
--- a/js/tests/visual/collapse.html
+++ b/js/tests/visual/collapse.html
@@ -71,11 +71,6 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/collapse.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html
index f1dd705f37f7ed1eeee55b23a13cb333051021ff..bc4d7954200414f39a103f005032ffb7eaa75eab 100644 (file)
--- a/js/tests/visual/dropdown.html
+++ b/js/tests/visual/dropdown.html
@@ -200,13 +200,6 @@
       </div>
     </div>
 
-    <script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/dropdown.js"></script>
-    <script src="../../dist/collapse.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html
index 719e9cc10ee3ed9d901736b4ccfdc3c05dc6480b..f11edea954cdb5997bc0665b44454eddc49507e9 100644 (file)
--- a/js/tests/visual/modal.html
+++ b/js/tests/visual/modal.html
@@ -199,16 +199,7 @@
       </button>
     </div>
 
-    <script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/modal.js"></script>
-    <script src="../../dist/collapse.js"></script>
-    <script src="../../dist/tooltip.js"></script>
-    <script src="../../dist/popover.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
     <script>
       var ffBugTestResult = document.getElementById('ff-bug-test-result')
       var firefoxTestDone = false
@@ -222,11 +213,11 @@
 
       var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
       for (const popoverEl of popoverElements) {
-        new Popover(popoverEl)
+        new bootstrap.Popover(popoverEl)
       }
       var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
       for (const tooltipEl of tooltipElements) {
-        new Tooltip(tooltipEl)
+        new bootstrap.Tooltip(tooltipEl)
       }
 
       var tallToggle = document.getElementById('tall-toggle')
@@ -249,7 +240,7 @@
       ffBugInput.addEventListener('focus', handlerClickFfBugInput)
 
       var btnPreventModal = document.getElementById('btnPreventModal')
-      var modalFf = new Modal(firefoxModal)
+      var modalFf = new bootstrap.Modal(firefoxModal)
 
       btnPreventModal.addEventListener('click', function () {
         function shownFirefoxModal() {

diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html
index 3503271ae44eb53c1f7e316cbbc821fb817bd861..eed69c341adb53b6c23d02a5f4bf69bdf6601fa3 100644 (file)
--- a/js/tests/visual/popover.html
+++ b/js/tests/visual/popover.html
@@ -31,18 +31,11 @@
       </button>
     </div>
 
-    <script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/tooltip.js"></script>
-    <script src="../../dist/popover.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
     <script>
       var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
       for (const popoverEl of popoverElements) {
-        new Popover(popoverEl)
+        new bootstrap.Popover(popoverEl)
       }
     </script>
   </body>

diff --git a/js/tests/visual/scrollspy.html b/js/tests/visual/scrollspy.html
index 1e3215b6f5bbdf08a48dae0a58df6c4c0c3b5508..7999b0ee78d5871abcda6d79ebad17978ea09607 100644 (file)
--- a/js/tests/visual/scrollspy.html
+++ b/js/tests/visual/scrollspy.html
@@ -86,13 +86,6 @@
       <p>Ad leggings keytar, brunch id art party dolor labore.</p>
     </div>
 
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/scrollspy.js"></script>
-    <script src="../../dist/dropdown.js"></script>
-    <script src="../../dist/collapse.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/tab.html b/js/tests/visual/tab.html
index 0ce8be03ca166c46f58f2c25b82934240b072e7e..4cbc86ccc998f8ce980f505cdc1dcf49d885f98e 100644 (file)
--- a/js/tests/visual/tab.html
+++ b/js/tests/visual/tab.html
@@ -218,11 +218,6 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/tab.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
   </body>
 </html>

diff --git a/js/tests/visual/toast.html b/js/tests/visual/toast.html
index f9e1741cfae765cac01c6e62d8e06bf1b14392aa..9e6c897df6d6e32775ce9d9be02bb1ab349bad14 100644 (file)
--- a/js/tests/visual/toast.html
+++ b/js/tests/visual/toast.html
@@ -50,22 +50,18 @@
       </div>
     </div>
 
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/toast.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
     <script>
       window.addEventListener('load', function () {
         var toastElements = document.querySelectorAll('.toast')
         for (const toastEl of toastElements) {
-          new Toast(toastEl)
+          new bootstrap.Toast(toastEl)
         }
 
         document.getElementById('btnShowToast').addEventListener('click', function () {
           var toastElements = document.querySelectorAll('.toast')
           for (const toastEl of toastElements) {
-            var toast = Toast.getInstance(toastEl)
+            var toast = bootstrap.Toast.getInstance(toastEl)
             toast.show()
           }
         })
@@ -73,7 +69,7 @@
         document.getElementById('btnHideToast').addEventListener('click', function () {
           var toastElements = document.querySelectorAll('.toast')
           for (const toastEl of toastElements) {
-            var toast = Toast.getInstance(toastEl)
+            var toast = bootstrap.Toast.getInstance(toastEl)
             toast.hide()
           }
         })

diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html
index 448841e588f32c31bc128b89d50e71224456123d..779ac1aaf57c16bb4cec816570c99cdd1651df54 100644 (file)
--- a/js/tests/visual/tooltip.html
+++ b/js/tests/visual/tooltip.html
@@ -68,13 +68,7 @@
       <div id="customContainer"></div>
     </div>
 
-    <script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
-    <script src="../../dist/dom/selector-engine.js"></script>
-    <script src="../../dist/dom/event-handler.js"></script>
-    <script src="../../dist/dom/manipulator.js"></script>
-    <script src="../../dist/dom/data.js"></script>
-    <script src="../../dist/base-component.js"></script>
-    <script src="../../dist/tooltip.js"></script>
+    <script src="../../../dist/js/bootstrap.bundle.js"></script>
     <script>
       if (typeof document.body.attachShadow === 'function') {
         var shadowRoot = document.getElementById('shadow').attachShadow({ mode: 'open' })
@@ -86,24 +80,24 @@
           '  Tooltip on top in a shadow dom' +
           '</button>'
 
-        var firstChildTooltip = new Tooltip(shadowRoot.firstChild)
-        var secondChildTooltip = new Tooltip(shadowRoot.getElementById('secondTooltip'), {
+        var firstChildTooltip = new bootstrap.Tooltip(shadowRoot.firstChild)
+        var secondChildTooltip = new bootstrap.Tooltip(shadowRoot.getElementById('secondTooltip'), {
           container: shadowRoot
         })
       }
 
       var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
       for (const tooltipEl of tooltipElements) {
-        new Tooltip(tooltipEl)
+        new bootstrap.Tooltip(tooltipEl)
       }
 
       var tooltipElement = document.getElementById('tooltipElement')
-      var tooltipElementInstance = new Tooltip(tooltipElement, {
+      var tooltipElementInstance = new bootstrap.Tooltip(tooltipElement, {
         container: document.getElementById('customContainer')
       })
 
       var target = document.getElementById('target')
-      var targetTooltip = new Tooltip(target, {
+      var targetTooltip = new bootstrap.Tooltip(target, {
         placement : 'top',
         trigger : 'manual'
       })