test/integration/frame.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script src="../../node_modules/es6-promise/dist/es6-promise.auto.js"></script>
  <script src="../../node_modules/whatwg-fetch/fetch.js"></script>
  <script>
    // http://paulirish.com/2011/requestanimationframe-for-smart-animating/
    // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

    // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

    // MIT license

    (function() {
      var lastTime = 0;
      var vendors = ['ms', 'moz', 'webkit', 'o'];
      for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
                || window[vendors[x]+'CancelRequestAnimationFrame'];
      }

      if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function(callback, element) {
          var currTime = new Date().getTime();
          var timeToCall = Math.max(0, 16 - (currTime - lastTime));
          var id = window.setTimeout(function() { callback(currTime + timeToCall); },
                  timeToCall);
          lastTime = currTime + timeToCall;
          return id;
        };

      if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function(id) {
          clearTimeout(id);
        };
    }());

    /**
     * Custom event factories for cross-browser compatibility
     *
     * Gecko browsers are using non-standard `initKeyEvent`, where others implemented `initKeyboardEvent`.
     * To make it more consistent, we try to use standardized `MouseEvent`/`KeyboardEvent` now
     * and fallback to older implementations for legacy browsers only.
     *
     * See deprecation notes:
     * https://developer.mozilla.org/en-US/docs/Web/API/Document/createEvent
     * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyEvent
     * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyboardEvent
     *
     * References:
     * https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent#Specifications
     * https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent#Specifications
     */
    function createMouseEvent (options) {
      var options = {
        bubbles: true,
        cancelable: true,
        view: window
      }

      if ('MouseEvent' in window) {
        return new MouseEvent('click', options);
      } else {
        var event = document.createEvent('MouseEvent');
        event.initMouseEvent(
          'click',
          options.bubbles,
          options.cancelable,
          options.view
        );

        return event;
      }
    }

    function createKeyboardEvent (key) {
      var options = {
        bubbles: true,
        cancelable: true,
        view: window,
        key: key || 'a'
      }
      options.charCode = options.key.charCodeAt();

      if ('KeyboardEvent' in window) {
        return new KeyboardEvent('keypress', options);
      } else {
        var event = document.createEvent('KeyboardEvent');
        event.initKeyboardEvent(
          'keypress',
          options.bubbles,
          options.cancelable,
          options.view,
          options.key,
          options.charCode
        );

        return event;
      }
    }
  </script>
  <script src="../../node_modules/jquery/dist/jquery.js"></script>
  <script src="../../build/raven.js"></script>
  <script>
    // stub _makeRequest so we don't actually transmit any data
    Raven._makeRequest = function () {};

    // store references to original, unwrapped built-ins in order to:
    // - get a clean, unwrapped setTimeout (so stack traces don't include
    //   frames from mocha)
    // - make assertions re: wrapped functions

    window.originalBuiltIns  = {
      setTimeout: setTimeout,
      setInterval: setInterval,
      requestAnimationFrame: requestAnimationFrame,
      xhrProtoOpen: XMLHttpRequest.prototype.open,
      headAddEventListener: document.head.addEventListener, // use <head> 'cause body isn't closed yet
      headRemoveEventListener: document.head.removeEventListener
    };

    window.ravenData = [];
    Raven.config('https://public@example.com/1', {
      dataCallback: function (data) {
        ravenData.push(data);
      }
    }).install();

    function bar() {
      baz();
    }

    function foo() {
      bar();
    }

    function foo2() {
      // identical to foo, but meant for testing
      // different stack frame fns w/ same stack length
      bar();
    }
  </script>
</head>
<body>
  <!-- test element for breadcrumbs -->
  <form id="foo-form">
    <input name="foo" placeholder="lol"/>
    <div class="contenteditable" contenteditable="true"></div>
  </form>

  <div class="c">
    <div class="b">
      <div class="a"/>
    </div>
  </div>
</body>
</html>