.then()函数中的未定义变量

时间:2015-08-07 05:12:49

标签: javascript protractor

我正在编写一个应该与滑块相互作用的量角器测试。滑块控制输出美元值的字段。测试尝试沿x轴移动条,直到返回$ 15,000的值。

我设法让滑块移动,但它不受数量变量设置的限制。异步命令让我的生活更加艰难。

var dragSlider = function(amount) {
    element(by.css('.irs-single')).getText().then(function(text) {
        console.log(text)
        if (text !== amount) {
            browser.actions().dragAndDrop(element(by.css('.irs-slider.single')), {x:1, y:0}).perform();
            element(by.css('.irs-single')).getText().then(console.log(amount, text, amount===text)).then(dragSlider());
        }
    });
};

当我运行dragSlider("$15,000");时,console.log(amount, text, amount===text)会返回,例如,以下内容:

$14,900
undefined '$14,900' false
$15,000
undefined '$15,000' false
$15,100
undefined '$15,100' false

你能不能让我知道我在这里做错了什么?

2 个答案:

答案 0 :(得分:1)

您立即致电console.log()而不是将其传递给Promise.then()回调。

尝试更改:

element(by.css('.irs-single')).getText(text)
  .then(console.log(amount, text, amount===text))
  .then(dragSlider(text));

要:

element(by.css('.irs-single')).getText().then(dragSlider);

答案 1 :(得分:1)

谢谢,全部。 @ Bergi是对的。愚蠢的遗漏对我而言!更正了以下代码。

var dragSlider = function(amount) {
    element(by.css('.irs-single')).getText().then(function(text) {
        if (text !== amount) {
            browser.actions().dragAndDrop(element(by.css('.irs-slider.single')), {x:1, y:0}).perform();
            dragSlider(amount);
        }
    });
};