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="../../../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>
      [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
        .forEach(function (popover) {
          new Popover(popover)
        })
    </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>`

Update to popper.js v2.x 2020-06-19 10:17:01 +02:00			`<script src="../../../node_modules/@popperjs/core/dist/umd/popper.min.js"></script>`
Rename `eventHandler` and `selectorEngine` files. 2019-05-08 15:11:24 +02:00			`<script src="../../dist/dom/event-handler.js"></script>`
			`<script src="../../dist/dom/selector-engine.js"></script>`
fix remove files in our visual tests 2019-03-17 12:07:26 +01:00			`<script src="../../dist/dom/manipulator.js"></script>`
			`<script src="../../dist/dom/data.js"></script>`
visual tests: add missing base-component dist file (#33167) Regression of #32313 2021-02-22 07:42:43 +01:00			`<script src="../../dist/base-component.js"></script>`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<script src="../../dist/tooltip.js"></script>`
			`<script src="../../dist/popover.js"></script>`
			`<script>`
Add `bs` in data attributes - Add `bs` in data APIs everywhere - Update unit tests 2020-07-22 21:33:11 +02:00			`[].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))`
Remove DOMContentLoaded. (#28337) There's no reason for us to wait here. 2019-02-24 14:42:18 +01:00			`.forEach(function (popover) {`
			`new Popover(popover)`
			`})`
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>`