Pass Javascript element as variable

Question

I'm doing some testing for an AngularJS app, I don't think the test framework is necessarily important here, but I'm trying to pass an optional variable. This variable will specify if I'm trying to grab a child element of the ID that is passed to the function

commonFunctions.elementDoesNotHaveAttribute('register-0', 'disabled', 'children[0].children[0]');

the children[0].children[0] isn't really a string, if I remove the quotes the function call fails because it can't find a child object of .children[0]

Here is the function

function elementDoesNotHaveAttribute(id, attribute, child) {
    var hasElement = false;

    hasElement = casper.evaluate(function (id, attribute, child) {
        var element = document.getElementById(id);
        if (child) {
            element = element.child;
        }        
        return element.hasAttribute(attribute);
    }, id, attribute, child);

    if (hasElement) {
        casper.test.fail('element has' + attribute + ' but shouldn\'t');
    } else {
        casper.test.pass('element didn\'t have ' + attribute + ' and shouldn\'t');
    }
}

How can I change either side of these equations to end up evaluating element.children[0].children[0] within my function

@T.J.Crowder, it is taking an ID, attribute, and optionally a child element. It is checking to see if that selector as the attribute that is passed or not — Jon Harding
– Jon Harding, Commented Feb 22, 2016 at 16:51

Niet the Dark Absol · Accepted Answer · 2016-02-22 16:43:57Z

2

While the "eval hack" I posted in a comment will work, it's a bad idea. Instead, consider passing some kind of "transformation" function.

if( child) {
    element = child(element);
}

When calling for, say, children[0].children[0], you can do this:

commonFunctions.elementDoesNotHaveAttribute(
    'register-0',
    'disabled',
    function(e) {return e.children[0].children[0];}
);

The function will take the element and return something else related to it. Adjust the function as needed.

answered Feb 22, 2016 at 16:43

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

T.J. Crowder Over a year ago

Good solution, and well done understanding the question, too. :-)

Jon Harding Over a year ago

Works great, thanks for the tip. I like the solution

T.J. Crowder Over a year ago

Niet, I suggest cleaning up the comments on the question. (This comment will self-destruct in five...four...three...)

Collectives™ on Stack Overflow

Pass Javascript element as variable

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related