Javascript 在属性中显示组件名称

在使用React时，我希望在组件的属性中显示组件名称。例如，如果我有一个组件

，我希望它呈现为

。。。

但我希望对每个传输的组件自动执行此操作。原因是当我检查HTML/DOM中的呈现元素时，会自动进行测试，目前呈现HTML中的组件名称并没有区别

我想我会写一个babel插件，但我不知道我会使用什么访问者以及如何使它足够健壮。我在谷歌上尝试过这样一个插件，但我不知道它会被如何调用，结果发现没有什么有用的

那么，有没有插件或任何方法来实现这一点？

---

谢谢

一年后的今天，当我重新思考时，这应该很容易。 有关编写插件的更多详细信息，请参阅。 用于检查代码将产生什么结果。然后，为生成的树准备访客。例如，使用代码：

<div><Custom some-prop="prop">Some text</Custom></div>

---

该代码是通过测试的。

为什么不使用React developer工具，在React选项卡中，DOM结构会显示组件的名称，如果您只想用于测试。我希望它用于自动测试。我更新了帖子。你用什么工具进行自动化测试？黄瓜，硒。但这不应该有什么区别。还是真的？@MáriusRak你有没有找到解决办法？