Make jquery :hidden and :visible selectors work

Hello,

I’m probably missing something here but I can’t make jQuery :hidden selector work.

Shouldn’t this print true ?

var jsdom = require("jsdom");

jsdom.env({
    html: '<div style="display: none;" />',
    scripts: [ "http://code.jquery.com/jquery-2.1.3.min.js" ],
    done: function (errors, window) {
        if (errors) throw errors;
        console.log(window.$('div').is(':hidden')); // prints false
    }
});

(jsdom version is 3.1.2)

[jcubic]

In jQuery 3 the visible pseudo selector look like this:

jQuery.expr.pseudos.visible = function( elem ) {
     return !!( elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length );
};

so I’ve used this code:

window.Element.prototype.getClientRects = function() {
    var node = this;
    while(node) {
        if(node === document) {
            break;
        }
        // don't know why but style is sometimes undefined
        if (!node.style || node.style.display === 'none' || node.style.visibility === 'hidden') {
            return [];
        }
        node = node.parentNode;
    }
     var self = $(this);
    return [{width: self.width(), height: self.height()}];
};

[OmbraDiFenice]

expanding a little bit on the previous workaround I ended up with this, which seems to work also in the case of nested elements

window.Element.prototype.getClientRects = function() {
    let node = this;
    let visible = false;
    while(node) {
        if(node === document) {
            break;
        }
        // don't know why but style is sometimes undefined
        if (!node.style || node.style.display === 'none' || node.style.visibility === 'hidden') {
            return [];
        }
        visible = true;
        node = node.parentNode;
    }
    return visible ? [{width: 111, height: 111}] : [];
};

the aim is of course just to unblock :visible (and :hidden) jQuery selectors