hunk.code_window:         with:
             args: yarn build:bundles
         - name: Run Jest Unit Tests
           uses: mujo-code/puppeteer-headful@master
           with:
             args: yarn test:unit
hunk.labels: keep keep keep replace keep keep
hunk.after_edit:         uses: ianwalter/puppeteer@3.0.0
  
hunk.file_path: .github/workflows/tests.yml
hunk.type: replace
file: <!DOCTYPE html> <title>Basic Visual Test</title>
  
  <style>
    @import '/reset.css';
    #container {
      position: relative;
      border: 20px solid black;
    }
  
    #reference {
      width: 200px;
      height: 200px;
      background-color: red;
      box-shadow: inset 0 0 0 1px black;
      margin: 40px;
    }
  
    #popper {
      width: 100px;
      height: 100px;
      background-color: rebeccapurple;
    }
  </style>
  
  <div id="container">
    <div id="reference">Reference Box</div>
    <div id="popper">Popper Box</div>
  </div>
  
  <script type="module">
    import { createPopper } from './dist/popper.js';
    const reference = document.querySelector('#reference');
    const popper = document.querySelector('#popper');
  
    window.instance = createPopper(reference, popper, {
      placement: 'bottom',
    });
  </script>
  