Add `bs` in data attributes

- Add `bs` in data APIs everywhere
- Update unit tests

3 files changed, 9 insertions, 9 deletions

diff --git a/js/tests/integration/bundle-modularity.js b/js/tests/integration/bundle-modularity.js
index 07c6674e65..ed427cd922 100644
--- a/js/tests/integration/bundle-modularity.js
+++ b/js/tests/integration/bundle-modularity.js
@@ -2,6 +2,6 @@ import 'popper.js'
 import Tooltip from '../../dist/tooltip'
 
 window.addEventListener('load', () => {
-  [...document.querySelectorAll('[data-toggle="tooltip"]')]
+  [...document.querySelectorAll('[data-bs-toggle="tooltip"]')]
     .map(tooltipNode => new Tooltip(tooltipNode))
 })
diff --git a/js/tests/integration/bundle.js b/js/tests/integration/bundle.js
index 69d7543525..1c6e60bf5e 100644
--- a/js/tests/integration/bundle.js
+++ b/js/tests/integration/bundle.js
@@ -2,6 +2,6 @@ import 'popper.js'
 import { Tooltip } from '../../../dist/js/bootstrap.esm.js'
 
 window.addEventListener('load', () => {
-  [...document.querySelectorAll('[data-toggle="tooltip"]')]
+  [...document.querySelectorAll('[data-bs-toggle="tooltip"]')]
     .map(tooltipNode => new Tooltip(tooltipNode))
 })
diff --git a/js/tests/integration/index.html b/js/tests/integration/index.html
index 5606755b17..0ea0b64c33 100644
--- a/js/tests/integration/index.html
+++ b/js/tests/integration/index.html
@@ -14,14 +14,14 @@
     <div class="container">
       <h1>Hello, world!</h1>
       <div class="mt-5">
-        <button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
+        <button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
           Tooltip on top
         </button>
-        <div id="carouselExampleCaptions" class="carousel slide mt-2" data-ride="carousel">
+        <div id="carouselExampleCaptions" class="carousel slide mt-2" data-bs-ride="carousel">
           <ol class="carousel-indicators">
-            <li data-target="#carouselExampleCaptions" data-slide-to="0"></li>
-            <li data-target="#carouselExampleCaptions" data-slide-to="1" class="active"></li>
-            <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
+            <li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"></li>
+            <li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" class="active"></li>
+            <li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"></li>
           </ol>
           <div class="carousel-inner">
             <div class="carousel-item">
@@ -46,11 +46,11 @@
               </div>
             </div>
           </div>
-          <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
+          <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-bs-slide="prev">
             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
             <span class="visually-hidden">Previous</span>
           </a>
-          <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
+          <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-bs-slide="next">
             <span class="carousel-control-next-icon" aria-hidden="true"></span>
             <span class="visually-hidden">Next</span>
           </a>