Javascript 无法使用testcafe（vuejs应用程序）在文本框中键入文本（输入数据）

我们使用testcafe工具实现FE自动化。在我们的页面上，我们有多个vue组件，每个组件都有不同的文本框（例如：联系人信息部分、地址信息部分）

所有文本框都有类似的选择器，只有id为change。例如：id='mobilenum'用于电话号码字段id='postalcode'用于邮政编码字段

我们可以将数据输入电话号码，但不能输入邮政编码。所有选择器都正确，我们可以从控制台输入数据，但不能从代码输入数据。 我们的错误率正在下降

预期的“”深度等于“1212gd”

这意味着文本不会被输入到文本框中。我们可以将数据输入页面的第一个vue组件，其余与其他组件相关的文本框保持为空。当我们在代码级别禁用页面的第一个组件时，我们就可以将数据输入到第二个组件（这是新成为页面的第一个组件）中。我们无法理解为什么会发生这个问题。由于它是与我的项目相关的代码，我不能共享代码

我试图添加一些类似于实际代码的伪代码

mobile num的选择器如下所示

document.querySelector（'#Number'）.shadowRoot.querySelector（'input'）

而postalcode是

document.querySelector（“#postal”）.shadowRoot.querySelector（'input'）

在开发代码级别，它们显示在页面上，但属于不同的vue组件 脚本：

---

脚本在邮政编码断言时失败，因为它无法输入数据

您需要提供一些代码。我真的很难做到这一点！我试着给出虚拟代码之类的东西。如果没有测试代码和项目示例，很难找到问题的原因。您能否在TestCafe GitHub存储库中共享一个项目示例，我们可以在其中重现有问题的行为？

await t.typeText(reg.phoneNumber, testdata.phoneNumber);
await t.expect(reg.phoneNumber.value).eql(testdata.phoneNumber)

await t.typeText(reg.postalCode, testdata.postalCode);
await t.expect(reg.postalCode.value).eql(testdata.postalCode);