如何用WebDriverIO对元素执行右键点击？两类报错求解决

1. 修复 ReferenceError: Key is not defined #

这个错误是因为你未正确导入或引用测试框架提供的Key对象，不同自动化框架的引用方式如下：

WebdriverIO 场景 #

如果使用WebdriverIO，需先导入Key对象：

// ES Modules 语法
import { Key } from '@wdio/globals';

// CommonJS 语法
const { Key } = require('webdriverio');

之后执行按键操作：

await browser.keys([Key.Shift, 'F10']);

若不想导入，也可直接使用按键对应Unicode值替代：

await browser.keys(['\uE008', 'F10']); // \uE008 对应 Shift 键

Selenium WebDriver 场景 #

如果使用原生Selenium，注意对象名为复数Keys，需从selenium-webdriver导入：

const { Keys } = require('selenium-webdriver');

await driver.actions().keyDown(Keys.SHIFT).sendKeys('F10').keyUp(Keys.SHIFT).perform();

2. 修复 TypeError: elem[prop] is not a function #

这个错误说明this.pivotItem并非有效的可交互元素实例，按以下步骤排查：

• 确认元素定位成功：检查this.pivotItem是否通过框架元素定位方法（如WebdriverIO的$()、$$()）获取，而非选择器字符串或null/undefined。示例：

  // 先正确定位元素
  this.pivotItem = await $('your-element-selector');
  // 等待元素加载可见
  await this.pivotItem.waitForDisplayed({ timeout: 5000 });
  // 调用右键点击
  await this.pivotItem.rightClick();
  

• 核对框架API方法名：部分框架中右键点击的方法为contextClick()而非rightClick()，需对照框架文档确认。

• 验证元素状态：若元素处于不可见、禁用状态，也会导致方法调用失败，可通过await this.pivotItem.isEnabled()、await this.pivotItem.isDisplayed()提前验证。

内容的提问来源于stack exchange，提问作者Bharath