programatically inject html snippets into qunit-fixture

[gruntjs]

programatically inject html snippets into qunit-fixture

[markusfalk]

I have tried doing that within the test itself but the function adding the class (which is what I wanted to test) gets executed before the html is loaded into qunit-fixture.

the config:

require.config({
    baseUrl: "../",
    paths: {
      'jquery': 'components/bower/jquery/dist/jquery.min',
      'test-foo': 'components/app/foo/test-foo',
      'foo': 'components/app/foo/foo'
    },
    shim: {
     'QUnit': {
        exports: 'QUnit'
      }
    }
});

require(['test-foo'], function(testfoo) {
  testfoo.test();
  QUnit.load();
  QUnit.start();
});

the module

define(['jquery'], function($) {

  'use strict';

  var Foo = {
    _init: function() {
      this._addClass();
    },
    _addClass: function() {
      console.log('adding class testit');
      $('.foo').addClass('testit');
    },
    greet: function() {
      return "Hello";
    }
  };

  Foo._init();

  return {
    greet : Foo.greet
  };

});

the test

define(['foo'], function(foo) {

  'use strict';

  var Test = {
    test: function() {
      module( "module Foo");
      asyncTest("foo class test", function() {
        expect(1);
        // foo() is executed before load is done :(
        $('#qunit-fixture').load('../components/app/foo/foo.html', function(data) {
          ok($('.foo').hasClass('testit'), ".foo should have class 'testit'");
          QUnit.start();
        });
      });
    }
  };

  return {
    test: Test.test
  };

});

[Arkni]

I see that you already fixed your problem in above referenced issue.

Closing for now, feel free to ask if you have followup question.