2

如何在web-components-tester<template is="dom-bind"><test-fixture>使用?

我曾尝试以 Polymer 0.8x-template方式使用它:

<test-fixture id="dom-bind-fixture">
    <template is="dom-bind">
        <h1>{{greeting}}</h2>
    </template>
</test-fixture>
<script>
    // ...
   var bound = fixture('dom-bind-fixture', {greeting: 'ohai thurr'});
</script>

这自然会失败,因为dom-bind没有stamp方法。

然后,我尝试将其从原生<template>元素中剔除:

<test-fixture id="dom-bind-fixture">
    <template>
        <h1>outside dom-bind</h1>
        <template is="dom-bind">
            <h2>inside dom-bind</h2>
        </template>
    </template>
</test-fixture>

但在非 Chrome 浏览器中,只有这一点outside dom-bind

有没有办法让它工作,或者它只是 web-components-tester/test-fixture/dom-bind 中的一个阻塞错误?

4

1 回答 1

2

使用 dom-template,即:

<test-fixture id="dom-bind-fixture">
    <template is="dom-template">
        <h1>{{greeting}}</h2>
    </template>
</test-fixture>
<script>
    // ...
   var bound = fixture('dom-bind-fixture', {greeting: 'ohai thurr'});
</script>
于 2016-07-14T16:55:26.017 回答