Search jQuery

jQuery Forum

Are QUnit and RequireJS compatible?

in QUnit and Testing • 8 years ago

Hi,

I'm trying to use QUnit with RequireJS and seeing intermittent strange behaviour. Sometimes QUnit fails to execute the assertions and reports (0,0,0) when there are assertions in the test. Other times tests are omitted altogether.

I'm trying to use it like this:

require(['some/thing'], function(thing) {

test("first", function() {});

test("second", function() {});

asyncTest("third", function() {});

});

Is QUnit intended to work in this way? i.e. at some point after the page loads, new tests (sync and async) are defined and run?

I made an example which uses setTimeout to simulate my situation:

Source here:

https://github.com/joshski/qunit_async_loading/blob/master/public/index.html

Run it here:

http://qunit-async-loading.heroku.com/index.html

Two tests should pass, two tests should fail. I see three tests pass consistently, with:

Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_5; en-us) AppleWebKit/533.19.4 (KHTML, like Gecko) Version/5.0.3 Safari/533.19.4

Am I missing something that would fix things for me? If not, I would consider patching it, but could anyone estimate how difficult that would be?

Thanks in advance,

Josh

Replies(7)

james.bur..

Re: Are QUnit and RequireJS compatible?

8 years ago

I have not used QUnit in this way, but I am interested in seeing it work, as I work on RequireJS.

I think it should be called out that the problem you mention even happens with setTimeout, and your test case does not involve RequireJS.

I wonder if you call stop() before any tests are registered, then wait for all your tests to register via the setTimeout()s, then call start() if it works? Just throwing out something to try, I have not tried it myself.

joshuachi..

Re: Are QUnit and RequireJS compatible?

8 years ago

Thanks James.

I have apparently fixed my issue by doing this in my QUnit suite:

QUnit.config.autostart = false;

require([

'all/of/my/code',

'all/of/my/tests'

], function() { QUnit.start(); });

...then in my tests:

test("something", function() {

var Foo = require("path/to/foo"); // synchronous

ok(new Foo().bar);

});

Can you see any issues with this approach?

james.bur..

Re: Are QUnit and RequireJS compatible?

8 years ago

Ah, right, that makes sense, wait to call start after all tests are loaded. What probably will work fine -- QUnit.start() will not fire until all the tests and code have loaded.

Ideally the tests would be modules that specified the code dependencies they depend on, and in that model you would not need to specify 'all/of/my/code' above -- the tests would pull in the code, and then you are assured nothing in the test code is executed before the code it tests is available.

tdoherty

Re: Are QUnit and RequireJS compatible?

8 years ago

I've been really digging RequireJS, thanks for the great work James!

I was able to successfully run tests using the RequireJS approach, i.e., define a test module, with the code to be tested as explicit dependencies, and waiting to call start as described above. Async behavior is handled via QUnit.stop()/start() as described in the API:

define(
        [
            "my/moduletotest1",
            "my/moduletotest2",
            "my/moduletotest3",
        ],
        function (moduletotest1, moduletotest2, moduletotest3) {
            return {
                RunTests: function () {
                    test("mod1test", function () {
                        QUnit.stop();
                        moduletotest1.ajaxyMethod(arg, function(result) {
                              deepEqual(result, matchExpression);
                              QUnit.start();
                        });
                    });

                    test("mod2test", function () {
                        QUnit.stop();
                        moduletotest2.ajaxyMethod(arg, function(result) {
                              equal(result, matchExpression);
                              QUnit.start();
                        });
                    });
                    ...
                }
            };
});

Then in the QUnit page script:

QUnit.config.autostart = false;
require(
        [
            "UnitTests/TestModule",
          ],
        function (testModule) {
            QUnit.start();
            testModule.RunTests();
          }
);

Works like a charm!
Tim

huskyr

Re: Are QUnit and RequireJS compatible?

8 years ago

I got this problem especially in Chrome and Safari. What worked for me was moving the QUnit Javascript file from Require to a seperate <script> tag, just below the Require <script> tag.

laplapetc

Re: Are QUnit and RequireJS compatible?

7 years ago

I don't come from a java background, so it's all relatively new, but using qunit for my regressions felt bulky to me. I think it has to do with my relative inexperience more than anything. I'll have to check out requirejs. I'd like to run a smtp server and not let the junk filter through when accessing jscript library. Any compatibility issues with the newest FF release?