javascript - Protractor :获取元素的 Id

Question

一般来说，我在 Protractor 和 javascript 中到处都遇到过这种异步调用。以前需要 2 行代码，现在需要 10 行。这是一个例子:

我正在编写一个 Protractor 实用程序方法来简单地检查一组相关的 div 和输入文本框上的某些 DOM 属性。这是我正在研究的验证框架。这个想法是将 Protractor 元素传递给此方法，然后根据该元素的 id 检查相关 div 和输入文本框上的某些 DOM 属性。这就是我让它工作的方式:

/**
 * Checks for error in a NUAF field 
 * @param {String or Element} field . 
 * @param {string} errorText expected validation error text to appear in tooltip
 */
exports.checkForError = function (field, errorText) {

    var innerCheck = function(fieldId) {
        expect(fieldId).not.toBe(undefined);
        var elmntd = element(by.id('divInput.'+fieldId));
        expect(elmntd).not.toBe(null);
        expect(elmntd.getAttribute('tooltip')).toContain(errorText);
        expect(exports.hasClass(element(by.id('prnt.'+fieldId)), 'has-error')).toBe(true);
    };

    // this unbelievably complex block of code gets the id of the 
    // field argument.  If string was passed, the fieldid is just that .
    if (typeof field === 'string') {
        innerCheck(field);
    } else {
        //what used to be field.id now needs 6 lines of code?
        field.getAttribute('id').then(
            function(idAttribute) { 
                console.log( "*********: "+idAttribute );
                innerCheck(idAttribute);
            }
        ); 
    }
};

问题是:是否有更好、更简洁的方法来编写 field.getAttribute('id').then 代码块。仅仅为了获取元素的 Id 而编写所有这些内容真是太可惜了。

Answer 1

这对于异步代码来说并没有那么冗长......特别是如果你考虑到你可以直接将函数 innerCheck 传递给一个 promise :

// this unbelievably complex block of code gets the id of the 
// field argument.  If string was passed, the fieldid is just that .
if (typeof field === 'string') {
    innerCheck(field);
} else {
    field.getAttribute('id').then(innerCheck); 
}

应该就是这么简单