gpt4 book ai didi

polymer - Web 组件测试器 : Accessing the DOM

转载 作者:行者123 更新时间:2023-12-02 01:21:05 27 4
gpt4 key购买 nike

我有数百个 Polymer 测试套件。在每次测试结束时,我想访问 DOM 以执行一些自定义质量检查。

写一个 wct 插件有用吗?如果是这样,我应该如何从插件中访问 DOM?

提前致谢!

最佳答案

无需插件。您已经可以使用 native DOM API(例如,el.querySelector())或使用 Polymer 实例方法(例如,el.$$()el.getEffectiveChildren())访问测试夹具的 DOM。我在 Chrome 53 和 56 上使用 Shady 和 Shadow DOM 验证了这一点。

此示例将几个与 DOM 相关的断言添加到 afterEach(),它在每次测试后运行:

<test-fixture id="basic">
<template>
<my-app></my-app>
</template>
</test-fixture>

<script>
describe('my-app', function() {
var el;

beforeEach(function() {
el = fixture('basic');
});

afterEach(function() {
expect(el.$$('h2').textContent).to.have.string('Hello');
expect(el.querySelectorAll('*')).to.have.lengthOf(2);
});

it('instantiating the el works', function() {
expect(el.is).to.equal('my-app');
});
});
</script>

关于polymer - Web 组件测试器 : Accessing the DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40263766/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com