Search jQuery

jQuery Forum

QUnit: Cannot read property 'onfocusout' of undefined

in QUnit and Testing • 6 years ago

I'm working on an open source project, and I'm trying to bring its JS libraries up to date. I know very little about QUnit (this is the first time I've encountered it), but I'm getting an error that's over my head.

I've created a jsfiddle for it here: https://jsfiddle.net/kzm57xv2/

Please let me know if you have any pointers.

Thanks,

Jamie

Replies(5)

kbwood.au

Re: QUnit: Cannot read property 'onfocusout' of undefined

6 years ago

You are trying to find the form via an ID - $('#form') - but it doesn't have one. Either add the ID or just use the node name - $('form').

Also, your body content for your tests should be limited to two divs. The first is used by QUnit to display all of its outcomes, while the second contains all the elements you need for your tests and is re-created for each test giving you a clean slate to start from each time.

<body>
<div id="qunit"></div>
<div id="qunit-fixture">
Elements to be tested here...
</div>
</body>

Jamie Jac..

Re: QUnit: Cannot read property 'onfocusout' of undefined

6 years ago

Thanks for the reply.

I'm confused as to why the other tests (using the same selector) had been passing, but I've followed your advice here https://jsfiddle.net/bnwrhaan/.

Unfortunately, it's still broken after the fixes. I've tried to debug it, but I'm stuck.

As you may have noticed, this project uses Query Field Plugin, which I don't know much about. I don't know if it's obsolete (it's dated 2011 in its comments). I'm also not terribly in the loop with the the jQuery universe and its plugins, which doesn't help.

Do you happen to know what's up with that fiddle?

Thanks,

Jamie

Jamie Jac..

Re: QUnit: Cannot read property 'onfocusout' of undefined

6 years ago

I think I neglected to save changes to the fiddle. I'm working on getting it back.

Jamie Jac..

Re: QUnit: Cannot read property 'onfocusout' of undefined

6 years ago

https://jsfiddle.net/bnwrhaan/1/

There are two broken tests:

DoesNotContainOtherProperties
equalTo

I can get DoesNotContainOtherProperties working with:

There's a spot in the code:

$.validator
.addMethod(
"doesnotcontainotherproperties",
function(v, e, o) {
var ok = true;
var $form = $(e).closest("form");
$(o)
.each(
function() {
var propertyValue = $(
':input[name=' + this
+ ']', $form)
.val();
if (propertyValue.length) {
if (propertyValue
.search(",")) {
propertyValue = propertyValue
.split(",");
}

Where if I change from:

var propertyValue = $(
':input[name=' + this
+ ']', $form)
.val();

To:

var propertyValue = $(
':input[name=\"' + this + '\"]')
.val();

..then it seems to work. I have no idea what side effects I'm introducing, though. I think it should probably be localized to the $form that was found, but I'm just guessing here.

The failing equalTo test is even harder to debug.

kbwood.au