如何使用 webdriver.io 模拟 ctrl-click 或 shift-click？

Question

对于 webdriver.io，我想使用 shift 或 ctrl 等修饰符来模拟点击。 keys() 方法似乎做了类似的事情，但我不清楚如何再次释放修饰键，当我使用 16（shift 的键码）作为该方法的参数 - link.

背景：在我测试的网页中，我有一个与文件浏览器中的文件和文件夹相当的元素列表，并且可以使用 shift 和 选择多个元素ctrl。这很好用，现在我想用 webdriver.io 测试它。为此，webdriver.io 例如必须单击一个元素，然后按 shift，然后单击另一个元素，最后释放 shift 按钮。 有什么办法吗？

Answer 1

编辑：如果您想使用ctrl 键选择不同的元素：

client.elements(<css selector for your list of elements>, function(err, res) {
    client
         .moveTo(res.value[<index of element you want to select>].ELEMENT, 0, 0)
         .keys('Ctrl') #every action after this within the scope of `client.elements` will have the `ctrl` key depressed
         .buttonPress('left')
         .moveTo(res.value[<index of element you want to select>].ELEMENT, 0, 0)
         .buttonPress('left')
         .moveTo(res.value[<index of element you want to select>].ELEMENT, 0, 0)
         .buttonPress('left')
         #repeat `.moveTo` and `.buttonPress` for every element you want to `ctrl` select
         .keys('NULL'); #This command or `.keys('Shift') will release the `shift` key.
});

要使用shift 键进行选择，请使用下面的代码（假设您要选择元素列表中的每个项目——显然您可以更改索引以获取元素列表的特定子部分）。它将移动到元素列表中第一个元素的左上角，然后左键单击，然后按 shift 键，然后移动到最后一个元素的左上角，再次单击左键，然后释放 shift 键：

client.elements(<css selector for your list of elements>, function(err, res) {
    client
         .moveTo(res.value[0].ELEMENT, 0, 0)
         .buttonPress('left')
         .keys('Shift')
         .moveTo(res.value[(res.value.length-1)].ELEMENT, 0, 0)
         .buttonPress('left')
         .keys('NULL'); #This command or `.keys('Shift') will release the `shift` key.
});