$.getScript().andDeleteIt()

bug report

the application is only loading intermittently

<script src="//display.bazaarvoice.com/static/Agileville/en_US/bvapi.js"></script>

$.getScript('//display.bazaarvoice.com/static/Agileville/en_US/bvapi.js');

var scripts = document.getElementsByTagName('script');
var firstScript = scripts[0];

// later ...

var anotherScript = document.createElement('script');
anotherScript.src = '//display.ugc.bazaarvoice.com/Agileville/bv-primary.js';

firstScript.parentNode.appendChild(anotherScript);

uh oh.

the fix:

var scripts = document.getElementsByTagName('script');
var firstScript = scripts[0];
var firstScriptParentNode = firstScript.parentNode;

// later ...

var anotherScript = document.createElement('script');
anotherScript.src = '//display.ugc.bazaarvoice.com/Agileville/bv-primary.js';

firstScriptParentNode.appendChild(anotherScript);

body double

bug report

the review submission form appears twice

$('body').length; // lol 2

the fix:

function getBody (document) {
  return document.body || document.getElementsByTagName('body')[0];
};

undefined

bug report

a firebird component fails to display when it should

the fix:

function showIt (config) {
  var myDiv = config.containerId && $('#' + config.containerId);

  if (myDiv && myDiv.length) {
    myDiv.append('<p>using configured div</p>');
  } else {
    $('#fallback').append('<p>using fallback div</p>');
  }
}

$('#showIt').click(function () {
  showIt({ productId : 1234 });
});

keypressn’t

bug report

typing in review submission form doesn’t have any effect

the fix: change yr code

function writeReview () {
  $BV.on('submissionLoad', function () {
    togglePopup();
  });
}

lessons

code defensively — even if you’re first-party

plan for chaos

window.exports = {
  testing : 'all the things',
  breaking : 'code in funky ways',
  haikus : 'add more fun'
};

there’s stuff you can’t catch; enable urgent debugging

I’ll be talking more about this at the Front End Ops Conference in April.