Bootstrap/js/tests/visual/popover.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">
    <title>Popover</title>
  </head>
  <body>
    <div class="container">
      <h1>Popover <small>Bootstrap Visual Test</small></h1>

      <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="auto" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
        Popover on auto
      </button>

      <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Default placement was on top but not enough place">
        Popover on top
      </button>

      <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
        Popover on end
      </button>

      <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
        Popover on bottom
      </button>

      <button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
        Popover on start
      </button>
    </div>

    <script src="../../../dist/js/bootstrap.bundle.js"></script>
    <script>
      var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')
      for (const popoverEl of popoverElements) {
        new bootstrap.Popover(popoverEl)
      }
    </script>
  </body>
</html>
Switch to lowercase `doctype`. (#24217) Having it uppercase doesn't offer anything and the lowercase version slightly improves gzip compression. 2017-10-03 18:34:59 +02:00			`<!doctype html>`
Tighten htmllint's rules. (#24471) 2017-10-22 14:02:24 +02:00			`<html lang="en">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<head>`
			`<meta charset="utf-8">`
Remove the now unneeded `shrink-to-fit` directive. (#28314) 2019-02-27 16:47:41 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Move `href` attribute first (#31835) 2020-10-22 08:38:15 +02:00			`<link href="../../../dist/css/bootstrap.min.css" rel="stylesheet">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<title>Popover</title>`
			`</head>`
			`<body>`
			`<div class="container">`
			`<h1>Popover <small>Bootstrap Visual Test</small></h1>`

Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="auto" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
Placement auto for popovers 2017-05-24 14:09:36 +02:00			`Popover on auto`
			`</button>`

Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Default placement was on top but not enough place">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`Popover on top`
			`</button>`

Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices. 2020-06-26 16:06:20 +02:00			`Popover on end`
Update visual tests. 2016-11-12 16:12:58 +01:00			`</button>`

Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`Popover on bottom`
			`</button>`

Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
feat(RTL): implement RTL Using RTLCSS directives, renaming things to use logical names and following best practices. 2020-06-26 16:06:20 +02:00			`Popover on start`
Update visual tests. 2016-11-12 16:12:58 +01:00			`</button>`
			`</div>`

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> 2022-01-30 15:12:24 +01:00			`<script src="../../../dist/js/bootstrap.bundle.js"></script>`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<script>`
Use `for...of` in visual tests too 2021-09-06 09:46:03 +02:00			`var popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]')`
			`for (const popoverEl of popoverElements) {`
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> 2022-01-30 15:12:24 +01:00			`new bootstrap.Popover(popoverEl)`
Use `for...of` in visual tests too 2021-09-06 09:46:03 +02:00			`}`
Update visual tests. 2016-11-12 16:12:58 +01:00			`</script>`
			`</body>`
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns. 2014-06-08 04:11:44 +02:00			`</html>`