元素无法相互作用的firefox

Question

我在阴影DOM中有输入元素。 WebDriverio 用于自动测试。测试用例包括设置此类输入元素的值。

const element = container.shadow$('input[data-test=test]');
await element.waitForDisplayed({ timeout: 5000 });
await element.setValue('TestValue');

这些测试通过Chrome，但Firefox（99）抛出了以下错误。

HTTP Status: 400
{
    "message": "Element <input ...> is not reachable by keyboard",
    "error": "element not interactable"
}

请让我知道如何修复它。

仅供参考，没有任何元素重叠。它既不是隐藏的也不是残疾状态。

Answer 1

setValue 命令在阴影DOM的输入字段上不支持Firefox。

参考：https://github.com/webdriverio/webdriverio/blob/4e91ae54f631d895ebe7389e7688cf4980d972f4/website/blog/2019-02-22-shadow-dom-support.md#browser-support