DefinitelyTyped/types/popper.js/popper.js-tests.ts

import Popper from 'popper.js';

var reference = document.querySelector('.my-button');
var thePopper = new Popper(
    reference, {
        content: 'My awesome popper!'
    }
);
thePopper.update();
thePopper.destroy();

var options = {
        placement: 'bottom',
        offset: 0,
        arrowElement: document.querySelector('.arrow'),
        modifiersIgnored: ['applyStyle'],
    } as Popper.PopperOptions;

var thePopperWithOptions = new Popper(
    reference, {
        content: 'My awesome popper!',
    }, options);

var popper = document.querySelector('.my-popper');
var anotherPopper = new Popper(
    reference,
    popper
);

var reference = document.querySelector('.my-button');
var popper = document.querySelector('.my-popper');
var anotherPopper = new Popper(reference, popper, {
    onCreate: (data => console.log(data)),
    onUpdate: ((data) => {
        var p = data.offsets.popper;
        console.log(`top: ${p.top}, left: ${p.left}`);
    })
});