量角器 - 在 For Each 中单击未按预期运行

Question

在以下量角器代码中

const tabs = await element.all(by.id('tab'));
tabs.forEach(async tab => {
  tab.click().then(function() {
  element.all(by.id('radio1')).click();
});
}); 
 await element(by.id('saveAndContinue')).click();

radio1 仅在最后一个选项卡中单击，因为 saveAndContinue 的最后一行被隐藏，因此它的 click() 失败

虽然 Sleep 确实在 FOR 循环之外工作，但当我想在 radio1 点击之前留出时间时却不行

编辑 1：问题是每一行都在为最后一个选项卡执行 radio1 点击，而不是之前点击的选项卡。选项卡点击速度很快，radio1 被点击。

Answer 1

感谢以上Sergey Pleshakov 的以下作品（稍作改动后）：

async doGateway2bComplexHappyPath() {
let tabs = element.all(by.id('tab'));

let tabCount = await tabs.count();
for (let i = 0; i < tabCount; i++) {
  tabs.get(i).click();
  //browser.sleep(1000);
  element.all(by.id('radio1')).click();
  //browser.sleep(1000);
}

 //await browser.sleep(1000);
 await element(by.id('saveAndProceed')).click();
}

Answer 2

1) 错过await 领先tab.click()

2) element.all().click() 不应该工作

const tabs = await element.all(by.id('tab'));
tabs.forEach(async tab => {
  await tab.click();
  await element.all(by.id('radio1')).first().click();
  // I think you should not find all radio1 of entire page, 
  // it will find radio1 of other tabs which is not visible in the active tab.
  // and protractor will fail to click on invisible radio1
  // thus you should find raido1 which is belongs to active tab

}); 
await element(by.id('saveAndContinue')).click();

Answer 3

由于您没有附加 HTML 和应用程序的屏幕截图，因此这是我在黑暗中拍摄的照片...试试这个，让我知道是否可行

let tabs = element.all(by.id('tab'));
let radioButtons = element.all(by.id('radio1'));

let tabCount = await tabs.count();
for (let i = 0; i < tabCount; i++) {
  await tabs.get(i).click();
  let radioCount = await radioButtons.count();
  for (let j = 0; j < radioCount; j++) {
    await radioButtons.get(j).click();
  }
}
await element(by.id('saveAndContinue')).click();

Answer 4

有几点需要注意，“id”属性必须是唯一的。您不应该有多个具有相同 id 的元素，这可能会导致一些古怪的行为。 查看此答案作为来源Does ID have to be unique in the whole page?

另外，element.all() 将返回一个元素数组，因此您正在尝试单击一个元素数组。

请参阅量角器文档中 element.all() 的文档 https://www.protractortest.org/#/api?view=ElementArrayFinder

假设元素作为数组返回，尽管使用了重复的 html id，您仍需要像这样单独单击它们

element.all(by.id('radio1')).then(function (myIds) {
myIds[0].click();
myIds[1].click();
});

或者当然是循环遍历它们。

祝你好运