我已经在here指南之后使用纯JS / HTML / CSS创建了一个原生自定义元素作为Web组件。
现在我想知道如何为这样的组件编写单元测试。有一个优秀的库Web组件测试器,但我相信它仅适用于使用聚合物创建的组件。
由于我的组件不是聚合物网组件,而是本地组件,有人可以指出我正确的单元测试方向。
您可以使用Polymer的web-component-tester作为香草组分。这篇博文有一些例子:https://bendyworks.com/blog/native-web-components。
你可以测试你的组件是这样的:
<my-vanilla-component></my-vanilla-component>
<script>
suite('<my-vanilla-component>', function() {
let component = document.querySelector('my-vanilla-component');
test('renders div', () => {
assert.isOk(component.shadowRoot.querySelector('div'));
});
});
</script>