mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

Fix visual tests (#35585)

Browse Source 
* Fix visual tests

They broke in #34509

* load bundle.js in visual tests

Co-authored-by: GeoSot <geo.sotis@gmail.com>
This commit is contained in:
XhmikosR
2022-01-30 16:12:24 +02:00
committed by GitHub
parent f77a58b381
commit 89f88762c5
11 changed files with 23 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
js/tests/visual/alert.html
View File

@@ -43,10 +43,6 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

6
js/tests/visual/button.html
View File

@@ -44,10 +44,6 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

7
js/tests/visual/carousel.html
View File

@@ -45,12 +45,7 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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> <script>
var t0 var t0
var t1 var t1

7
js/tests/visual/collapse.html
View File

@@ -71,11 +71,6 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

9
js/tests/visual/dropdown.html
View File

@@ -200,13 +200,6 @@
</div> </div>
</div> </div>
<script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

17
js/tests/visual/modal.html
View File

@@ -199,16 +199,7 @@
</button> </button>
</div> </div>
<script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script> <script src="../../../dist/js/bootstrap.bundle.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> <script>
var ffBugTestResult = document.getElementById('ff-bug-test-result') var ffBugTestResult = document.getElementById('ff-bug-test-result')
var firefoxTestDone = false var firefoxTestDone = false
@@ -222,11 +213,11 @@
var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]') var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
for (const popoverEl of popoverElements) { for (const popoverEl of popoverElements) {
new Popover(popoverEl) new bootstrap.Popover(popoverEl)
} }
var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]') var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
for (const tooltipEl of tooltipElements) { for (const tooltipEl of tooltipElements) {
new Tooltip(tooltipEl) new bootstrap.Tooltip(tooltipEl)
} }
var tallToggle = document.getElementById('tall-toggle') var tallToggle = document.getElementById('tall-toggle')
@@ -249,7 +240,7 @@
ffBugInput.addEventListener('focus', handlerClickFfBugInput) ffBugInput.addEventListener('focus', handlerClickFfBugInput)
var btnPreventModal = document.getElementById('btnPreventModal') var btnPreventModal = document.getElementById('btnPreventModal')
var modalFf = new Modal(firefoxModal) var modalFf = new bootstrap.Modal(firefoxModal)
btnPreventModal.addEventListener('click', function () { btnPreventModal.addEventListener('click', function () {
function shownFirefoxModal() { function shownFirefoxModal() {

11
js/tests/visual/popover.html
View File

@@ -31,18 +31,11 @@
</button> </button>
</div> </div>
<script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script> <script src="../../../dist/js/bootstrap.bundle.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> <script>
var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]') var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
for (const popoverEl of popoverElements) { for (const popoverEl of popoverElements) {
new Popover(popoverEl) new bootstrap.Popover(popoverEl)
} }
</script> </script>
</body> </body>

9
js/tests/visual/scrollspy.html
View File

@@ -86,13 +86,6 @@
<p>Ad leggings keytar, brunch id art party dolor labore.</p> <p>Ad leggings keytar, brunch id art party dolor labore.</p>
</div> </div>
<script src="../../dist/dom/data.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

7
js/tests/visual/tab.html
View File

@@ -218,11 +218,6 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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>
</body> </body>
</html> </html>

12
js/tests/visual/toast.html
View File

@@ -50,22 +50,18 @@
</div> </div>
</div> </div>
<script src="../../dist/dom/event-handler.js"></script> <script src="../../../dist/js/bootstrap.bundle.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> <script>
window.addEventListener('load', function () { window.addEventListener('load', function () {
var toastElements = document.querySelectorAll('.toast') var toastElements = document.querySelectorAll('.toast')
for (const toastEl of toastElements) { for (const toastEl of toastElements) {
new Toast(toastEl) new bootstrap.Toast(toastEl)
} }
document.getElementById('btnShowToast').addEventListener('click', function () { document.getElementById('btnShowToast').addEventListener('click', function () {
var toastElements = document.querySelectorAll('.toast') var toastElements = document.querySelectorAll('.toast')
for (const toastEl of toastElements) { for (const toastEl of toastElements) {
var toast = Toast.getInstance(toastEl) var toast = bootstrap.Toast.getInstance(toastEl)
toast.show() toast.show()
} }
}) })
@@ -73,7 +69,7 @@
document.getElementById('btnHideToast').addEventListener('click', function () { document.getElementById('btnHideToast').addEventListener('click', function () {
var toastElements = document.querySelectorAll('.toast') var toastElements = document.querySelectorAll('.toast')
for (const toastEl of toastElements) { for (const toastEl of toastElements) {
var toast = Toast.getInstance(toastEl) var toast = bootstrap.Toast.getInstance(toastEl)
toast.hide() toast.hide()
} }
}) })

18
js/tests/visual/tooltip.html
View File

@@ -68,13 +68,7 @@
<div id="customContainer"></div> <div id="customContainer"></div>
</div> </div>
<script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script> <script src="../../../dist/js/bootstrap.bundle.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> <script>
if (typeof document.body.attachShadow === 'function') { if (typeof document.body.attachShadow === 'function') {
var shadowRoot = document.getElementById('shadow').attachShadow({ mode: 'open' }) var shadowRoot = document.getElementById('shadow').attachShadow({ mode: 'open' })
@@ -86,24 +80,24 @@
' Tooltip on top in a shadow dom' + ' Tooltip on top in a shadow dom' +
'</button>' '</button>'
var firstChildTooltip = new Tooltip(shadowRoot.firstChild) var firstChildTooltip = new bootstrap.Tooltip(shadowRoot.firstChild)
var secondChildTooltip = new Tooltip(shadowRoot.getElementById('secondTooltip'), { var secondChildTooltip = new bootstrap.Tooltip(shadowRoot.getElementById('secondTooltip'), {
container: shadowRoot container: shadowRoot
}) })
} }
var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]') var tooltipElements = document.querySelectorAll('[data-bs-toggle="tooltip"]')
for (const tooltipEl of tooltipElements) { for (const tooltipEl of tooltipElements) {
new Tooltip(tooltipEl) new bootstrap.Tooltip(tooltipEl)
} }
var tooltipElement = document.getElementById('tooltipElement') var tooltipElement = document.getElementById('tooltipElement')
var tooltipElementInstance = new Tooltip(tooltipElement, { var tooltipElementInstance = new bootstrap.Tooltip(tooltipElement, {
container: document.getElementById('customContainer') container: document.getElementById('customContainer')
}) })
var target = document.getElementById('target') var target = document.getElementById('target')
var targetTooltip = new Tooltip(target, { var targetTooltip = new bootstrap.Tooltip(target, {
placement : 'top', placement : 'top',
trigger : 'manual' trigger : 'manual'
}) })