raygun4js/fetch_test.html

Raygun.io plugin for JavaScript

<script type="text/javascript">
  !function(a,b,c,d,e,f,g,h){a.RaygunObject=e,a[e]=a[e]||function(){
    (a[e].o=a[e].o||[]).push(arguments)},f=b.createElement(c),g=b.getElementsByTagName(c)[0],
      f.async=1,f.src=d,g.parentNode.insertBefore(f,g),h=a.onerror,a.onerror=function(b,c,d,f,g){
        h&&h(b,c,d,f,g),g||(g=new Error(b)),a[e].q=a[e].q||[],a[e].q.push({
          e:g})}}(window,document,"script","/dist/raygun.js","rg4js");
</script>

<script type="text/javascript">
  rg4js('apiKey', 'abcdef==');
  rg4js('enableCrashReporting', true);
  rg4js('options', {
    allowInsecureSubmissions: true
  });
  rg4js('logContentsOfXhrCalls', true);
</script>

<script type="text/javascript">
  setTimeout(function() {
    fetch('index.html').then(r => {
      return r.text();
    }).then(text => {
      window.fetchResponse = text;
    });

    fetch('/index.html');

    fetch('http://flooble.bar').then(r => {
      window.errorResponse = r.text();
    }).catch(msg => window.fetchErrorMessage = msg);
  }, 1000);

  setTimeout(function() {
    console.log('fetchResponse set', (window.fetchResponse && window.fetchResponse.length > 100) === true);
    console.log('errorResponse undefined', typeof window.errorResponse === 'undefined');
    console.log('fetchErrorMessage set', (window.fetchErrorMessage && window.fetchErrorMessage.toString().indexOf('TypeError') > -1) === true);
    null.bar
  }, 2000);
</script>