Stencil.js expect(element).toHaveClass('hydrated') ...这是什么意思

Question

在由Stencil.js "npm init stencil"创建的"my-component.e2e.ts"测试class中，我们有一行

expect(element).toHaveClass('hydrated');

我能猜到 'hydrated' 是什么意思，但我找不到它的任何文档或为什么我必须测试它。任何人都可以指出解释这个的文档或在这里解释它吗？

Answer 1

Stencil 文档不是很好，也不是很详细。没有描述 'hydrated' class 以及在此 class 应用之前发生的事情。无论如何，组件水化不是 Stencil 引入的术语。如果你愿意，你可以在一些现代框架上下文中搜索更多关于它的信息（比如 vue 的反应）。

但是在 Stencil 中 'hydrated' class 是在正确安装组件（应用属性、创建@Methods 等）时添加的。您要引用的默认测试只是一种测试组件是否正确构建的方法。