javascript - Protractor - How to store the value of browser.executeScript in variable? - Stack Overflow

admin管理员组

文章数量:1356949

I am trying to store the value of browser.executeScript inside a local variable in my it block but I am not able to do so in all the cases it displays null.

I have tried many ways so far

browser.executeScript('$("#txtName").css("border-left-color");').then(function (color) {
    console.log("This is color" + color);
});

Also this

function returnColor() {
    var a = browser.executeScript('$("#txtName").css("border-left-color");');
    return a;
}

function getColorCode() {
    var a = returnColor().then(function(list) {
        console.log("Output is ***************" + list);
        return list;
    });

    return a;
}

I am using this inside my spec as

   iit('', function() {        
    
             browser.executeScript('$("#txtName").css("border-left-color");').then(function (color) {
                console.log("This is color" + color);
            });
    
            returnColor();
    
    
        });

Will really appreaciate it someone can tell me how to do it properly?

I am trying to store the value of browser.executeScript inside a local variable in my it block but I am not able to do so in all the cases it displays null.

I have tried many ways so far

browser.executeScript('$("#txtName").css("border-left-color");').then(function (color) {
    console.log("This is color" + color);
});

Also this

function returnColor() {
    var a = browser.executeScript('$("#txtName").css("border-left-color");');
    return a;
}

function getColorCode() {
    var a = returnColor().then(function(list) {
        console.log("Output is ***************" + list);
        return list;
    });

    return a;
}

I am using this inside my spec as

   iit('', function() {        
    
             browser.executeScript('$("#txtName").css("border-left-color");').then(function (color) {
                console.log("This is color" + color);
            });
    
            returnColor();
    
    
        });

Will really appreaciate it someone can tell me how to do it properly?

• javascript
• css
• angularjs
• testing
• protractor

Share Improve this question Follow edited Mar 21, 2023 at 23:31 pizzaisdavid 46933 silver badges1414 bronze badges asked Jun 29, 2016 at 13:19 SandyRocksSandyRocks 29755 silver badges1515 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

You need to have a return from the script:

function returnColor()
{
    return browser.executeScript('return $("#txtName").css("border-left-color");');
}

Note that you can also solve the same problem via getCssValue():

var elm = element(by.id("txtName"));
elm.getCssValue("border-left-color").then(function (color) {
    console.log(color);
});

本文标签： javascriptProtractorHow to store the value of browserexecuteScript in variableStack Overflow