无法将 ID 分配给 UI 框架的组件

Question

我无法为组件分配 id。 情况 1： - 为 HTML 组件分配 id。

<h1 id="demo-h1">Demo Heading</h1>

案例 2: - 为 Framework 的组件分配 id。

<h1>
    <ra-ui-static-text  id="demo-head" value="Producton order item details"></ra-ui-static-text>
</h1>

第二种情况没有分配ID。

有什么方法可以将 id 分配给组件，或者如何制作自定义属性并将其分配给组件？

目标是分配特定于该组件的 id 或任何自定义属性。这是自动化测试所必需的。

Answer 1

您需要修改组件

ra-ui-static-text

的html并从父级

@Input

获取ID，或者您可以直接在组件

ra-ui-static-text

html上硬编码ID。

或者您可以尝试使用查询选择器从组件内部获取嵌套元素，例如

document.querySelector('#demo-head > div > div.static-text-inner')

我认为在您的自动化测试中，您有一种方法可以运行以下查询并访问框架组件内的任何 div！