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 rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
    <title>Popover</title>
  </head>
  <body>
    <div class="container">
      <h1>Popover <small>Bootstrap Visual Test</small></h1>

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

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

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

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

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

    <script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>
    <script src="../../dist/dom/polyfill.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/tooltip.js"></script>
    <script src="../../dist/popover.js"></script>
    <script>
      [].slice.call(document.querySelectorAll('[data-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">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">`
			`<title>Popover</title>`
			`</head>`
			`<body>`
			`<div class="container">`
			`<h1>Popover <small>Bootstrap Visual Test</small></h1>`

Placement auto for popovers 2017-05-24 14:09:36 +02:00			`<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="auto" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
			`Popover on auto`
			`</button>`

Better placement for Dropdown + Handle flip of Tooltip/Popover 2017-04-19 10:20:50 +02:00			`<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-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>`

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

Tighten htmllint's rules. (#24471) 2017-10-22 14:02:24 +02:00			`<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">`
Update visual tests. 2016-11-12 16:12:58 +01:00			`Popover on bottom`
			`</button>`

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

js/tests/visual: fix popper script. Broken after 787441d. 2018-10-13 15:05:43 +02:00			`<script src="../../../node_modules/popper.js/dist/umd/popper.min.js"></script>`
add polyfill.js in visual tests (#29116) 2019-07-24 07:19:47 +02:00			`<script src="../../dist/dom/polyfill.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>`
Update visual tests. 2016-11-12 16:12:58 +01:00			`<script src="../../dist/tooltip.js"></script>`
			`<script src="../../dist/popover.js"></script>`
			`<script>`
Remove DOMContentLoaded. (#28337) There's no reason for us to wait here. 2019-02-24 14:42:18 +01:00			`[].slice.call(document.querySelectorAll('[data-toggle="popover"]'))`
			`.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>`