问题标签 [web-component-tester]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
149 浏览

unit-testing - 测试聚合物 2 中的 dom 突变

一段时间以来,我一直在尝试使用 WCT 对聚合物元素进行单元测试。在测试 dom 突变时我遇到了问题。以下是我要测试的场景:

测试看起来像这样:

假设所有这些都在 common-header 元素中。当我进行测试时,我没有得到 span 标签本身。我得到一个空数组,当我尝试在控制台中调试时。我只能看到#document-fragment。知道如何处理吗?

0 投票
1 回答
1823 浏览

javascript - 使用 shadow dom 单元测试本机自定义元素 v1 Web 组件

我按照此处的指南使用纯 JS/HTML/CSS 创建了一个本机自定义元素作为 Web 组件。

现在我想知道如何为这样的组件编写单元测试。有一个出色的库 Web 组件测试器,但我相信它仅适用于使用聚合物创建的组件。

由于我的组件不是聚合物网络组件,而是原生组件,有人可以为我指出正确的单元测试方向吗?

0 投票
1 回答
651 浏览

polymer - 在无头浏览器中运行 polymer-3.x 测试

我想在没有浏览器弹出窗口的情况下运行测试。如图所示安装wct-headless并配置wct.config.json

执行polymer test时出现以下错误

找不到名为“headless”的 WCT 插件

包.json

我应该如何配置 wct.conf.json ?

0 投票
0 回答
54 浏览

polymer - 在 HTTPs 上运行 Web 组件测试器

我们需要在运行时测试 HTTPS URL 中的 Polymer 元素$ wct,也就是Web 组件测试器

我们正在开发一个屏幕共享元素,它需要一个只能在 HTTPS 上运行的 Chrome 屏幕共享浏览器扩展。

我们知道 WCT 在后台使用Selenium,所以我想知道:

有什么方法可以运行$ wct并为其提供一些自签名 SSL 证书,以便它在 HTTPS 下运行测试?

0 投票
1 回答
399 浏览

polymer - 冲洗功能总是使聚合物测试(用于 dom-if)通过

我正在为我正在使用的 polymer-3.x 元素编写测试dom-if。根据文档,我使用了flush. 但这不会评估并直接将所有测试标记为通过。

我的元素测试.html

我的元素.js

如果我删除冲洗

  • #1按预期失败。
  • #2

    无法读取 null 的属性“innerHTML”

当条件为真时,如何为 dom-if 编写测试用例?

0 投票
0 回答
209 浏览

unit-testing - Web 组件测试器中未定义聚合物

我正在尝试web-component-tester在 Chrome v69、web-component-test v 6.5.0 和 webcomponentsjs v 2.1.3 中的 Polymer 2 项目上以交互方式运行两个测试。第一次super basic test通过,第二次失败并出现以下错误:

错误:聚合物未在 shop-home.test.html:36 处刷新

通过命令行运行时,错误会提供更多详细信息:

错误:在测试函数之外引发错误:document.getElementById(fixtureId).create 不是函数。(在 'document.getElementById(fixtureId).create(model)' 中,'document.getElementById(fixtureId).create' 未定义)在 shop-home.html:25,1 次测试失败,在测试函数之外抛出错误:文档.getElementById(...).create 不是 shop-home.html:25 中的函数

如何防止这种情况并运行适当的单元测试?

0 投票
1 回答
39 浏览

javascript - 如何断言异步“抛出”?

我想断言我的代码不会引发任何最终错误。

问题是:我的代码执行 DOM 操作,这会触发异步反应:

  • 工作片段:https ://glitch.com/edit/#!/how-to-assert-async-throw ?
  • 现场样本:path=index.html:28:9

https://how-to-assert-async-throw.glitch.me/

上面的代码通过了测试,即使最终会抛出错误。

0 投票
1 回答
409 浏览

java - 如何解决 Web 组件测试错误?

大家好,阅读:

目前,我正在尝试在演示存储库中运行测试,请参见此处

执行npx wct命令后,我看到以下内容:

紧接着,我看到了这个巨大的错误:

对我来说,这个错误似乎与 Java 有关,所以我尝试卸载并重新安装它。有没有其他人遇到过这个错误?谢谢。

0 投票
2 回答
1442 浏览

html - Web 组件/HtmlElement:单元测试

我正在尝试测试一个 Web 组件。这是我的项目结构:

这是我的工作代码:

我正在尝试使用web-component-tester. 我在全球范围内安装了该实用程序:

我在package.json文件中声明了它:

然后,我在文件夹中编写了我的测试test并将其保存到hello-world-test.html

最后,我输入:

然后在 Chrome 中得到以下错误:

这是 Chrome 中的结果

我缺少什么来正确运行测试?我发现的唯一体面的材料是这个那个,但它们已经过时了。

0 投票
1 回答
71 浏览

polymer - 如果不包含任何自定义组件,如何在聚合物中使用 wct 测试服务文件

我想为一个名为 session.js 的服务文件编写单元测试用例,其中没有定义自定义元素。我们可以从 Polymer WCT 调用服务文件中定义的函数吗?

在我的服务文件中,函数定义如上。如何编写单元测试用例来检查上述函数是否被调用。