javascript - 使用 Protractor 获取所有元素的 id

Question

页面中有 5 个 iframe 元素，我正在尝试使用 Protractor 查找所有 5 个元素的 id。

什么是正确的方法

element.all(by.tagName('iframe')).then(function(arr) {
    console.log("lenthg" ,arr.length) //prints 5
        arr.forEach(function(arr1) {
            console.log("arr1", arr1.getAttribute('id'))
        });
});

此代码不给出 ids，仅打印元素对象。

Answer 1

您获得了元素对象，因为函数 getAttribute 返回了一个 Promise(请参阅 here )。

因此您有多种可能性来获取您的 ID。

<强>1。选项

您可以在 then 方法中打印 id。

element.all(by.tagName('iframe')).then(function(arr) {
    console.log("lenthg" ,arr.length) //prints 5
    arr.forEach(function(arr1) {
        arr1.getAttribute('id').then(function(id) {
            console.log("arr1", id);
        });
    });
});

<强>2。选项

您可以等待所有 5 个 Promise 全部解决，然后再处理 ids。

element.all(by.tagName('iframe')).then(function(arr) {
    console.log("lenthg" ,arr.length) //prints 5

    let idPromises = arr.map(function(arr1) {
        return arr1.getAttribute('id');
    });

    Promise.all(idPromises).then(function(ids) {
        ids.forEach(function(id) {
            console.log(id);
        });
    });

});

<强>3。选项

您可以使用async和await来编写同步代码。

it('Your Test Name', async function() {

    ...

    let arr = await element.all(by.tagName('iframe'));
    console.log('lenth', arr.length) //prints 5

    for (let i = 0; i < arr.length; i++) {
        let id = await arr[i].getAttribute('id');
        console.log("arr1", id);
    };

})