LoadJS tests

• JavaScript file loading tests

  • should call success callback on valid path271ms ‣

    loadjs(['assets/file1.js'], {
      success: function() {
        assert.equal(pathsLoaded['file1.js'], true);
        done();
      }
    });

  • should call error callback on invalid path610ms ‣

    loadjs(['assets/file-doesntexist.js'], {
      success: function() {
        throw "Executed success callback";
      },
      error: function(pathsNotFound) {
        assert.equal(pathsNotFound.length, 1);
        assert.equal(pathsNotFound[0], 'assets/file-doesntexist.js');
        done();
      }
    });

  • should call before callback before embedding into document518ms ‣

    var scriptTags = [];
    loadjs(['assets/file1.js', 'assets/file2.js'], {
      before: function(path, el) {
        scriptTags.push({
          path: path,
          el: el
        });
        // add cross origin script for file2
        if (path === 'assets/file2.js') {
          el.crossOrigin = 'anonymous';
        }
      },
      success: function() {
        assert.equal(scriptTags[0].path, 'assets/file1.js');
        assert.equal(scriptTags[1].path, 'assets/file2.js');
        assert.equal(scriptTags[0].el.crossOrigin, undefined);
        assert.equal(scriptTags[1].el.crossOrigin, 'anonymous');
        done();
      }
    });

  • should bypass insertion if before returns `false`1ms ‣

    loadjs(['assets/file1.js'], {
      before: function(path, el) {
        // append to body (instead of head)
        document.body.appendChild(el);
        // return `false` to bypass default DOM insertion
        return false;
      },
      success: function() {
        assert.equal(pathsLoaded['file1.js'], true);
        
        // verify that file was added to body
        var els = document.body.querySelectorAll('script'),
            el;
        for (var i=0; i < els.length; i++) {
          el = els[i];
          if (el.src.indexOf('assets/file1.js') !== -1) done();
        }
      }
    });

  • should call success callback on two valid paths200ms ‣

    loadjs(['assets/file1.js', 'assets/file2.js'], {
      success: function() {
        assert.equal(pathsLoaded['file1.js'], true);
        assert.equal(pathsLoaded['file2.js'], true);
        done();
      }
    });

  • should call error callback on one invalid path545ms ‣

    loadjs(['assets/file1.js', 'assets/file-doesntexist.js'], {
      success: function() {
        throw "Executed success callback";
      },
      error: function(pathsNotFound) {
        assert.equal(pathsLoaded['file1.js'], true);
        assert.equal(pathsNotFound.length, 1);
        assert.equal(pathsNotFound[0], 'assets/file-doesntexist.js');
        done();
      }
    });

  • should support async false4348ms ‣

    this.timeout(5000);
    var numCompleted = 0,
        numTests = 20,
        paths = ['assets/asyncfalse1.js', 'assets/asyncfalse2.js'];
    // run tests sequentially
    var testFn = function(paths) {
      // add cache busters
      var pathsUncached = paths.slice(0);
      pathsUncached[0] += '?_=' + Math.random();
      pathsUncached[1] += '?_=' + Math.random();
      loadjs(pathsUncached, {
        success: function() {
          var f1 = paths[0].replace('assets/', '');
          var f2 = paths[1].replace('assets/', '');
          // check load order
          assert.isTrue(pathsLoaded[f1]);
          assert.isFalse(pathsLoaded[f2]);
          // increment tests
          numCompleted += 1;
          if (numCompleted === numTests) {
            // exit
            done();
          } else {
            // reset register
            pathsLoaded = {};
            // run test again
            paths.reverse();
            testFn(paths);
          }
        },
        async: false
      });
    };
    // run tests
    testFn(paths);

  • should support multiple tries233ms ‣

    loadjs('assets/file-numretries.js', {
      error: function() {
        // check number of scripts in document
        var selector = 'script[src="assets/file-numretries.js"]',
            scripts = document.querySelectorAll(selector);
        if (scripts.length === 2) done();
      },
      numRetries: 1
    });

  • it should report ad blocked scripts as missing

• CSS file loading tests