如何在Ionic2中测试浮动操作按钮

罗伯特

我有一个Ionic2项目,基于该单元测试设置唱首歌库。我尝试在组件中使用浮动操作按钮,但是在运行单元测试时会引发异常。我将FAB添加到普通Clickr应用程序中以演示该错误。它已添加到page2.html中,您可以在fab-error分支中找到它

运行测试时,日志如下所示。

> [email protected] test /Users/rkause/test/clicker
> ng test

 10% building modules 1/1 modules 0 active16 08 2017 12:15:52.892:WARN [karma]: No captured browser, open http://localhost:9876/
16 08 2017 12:15:52.902:INFO [karma]: Karma v1.7.0 server started at http://0.0.0.0:9876/
16 08 2017 12:15:52.902:INFO [launcher]: Launching browser ChromeNoSandbox with unlimited concurrency
16 08 2017 12:15:52.915:INFO [launcher]: Starting browser Chrome

WARNING in ./~/ionic-angular/util/ng-module-loader.js
54:11-36 Critical dependency: the request of a dependency is an expression

WARNING in ./~/ionic-angular/util/ng-module-loader.js
69:11-36 Critical dependency: the request of a dependency is an expression
16 08 2017 12:16:02.325:WARN [karma]: No captured browser, open http://localhost:9876/
16 08 2017 12:16:02.541:INFO [Chrome 60.0.3112 (Mac OS X 10.11.6)]: Connected on socket djJaMpA7zKcR5c3jAAAA with id 17408513
Chrome 60.0.3112 (Mac OS X 10.11.6) Pages: Page2 should create page2 FAILED
    TypeError: unRegEvent is not a function
        at http://localhost:9876/_karma_webpack_/vendor.bundle.js:41527:13
        at Array.forEach (<anonymous>)
        at UIEventManager.webpackJsonp.../../../../ionic-angular/gestures/ui-event-manager.js.UIEventManager.unlistenAll (http://localhost:9876/_karma_webpack_/vendor.bundle.js:41526:19)
        at UIEventManager.webpackJsonp.../../../../ionic-angular/gestures/ui-event-manager.js.UIEventManager.destroy (http://localhost:9876/_karma_webpack_/vendor.bundle.js:41535:14)
        at FabContainer.webpackJsonp.../../../../ionic-angular/components/fab/fab-container.js.FabContainer.ngOnDestroy (http://localhost:9876/_karma_webpack_/vendor.bundle.js:9287:22)
        at callProviderLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120688:18)
        at callElementProvidersLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120657:13)
        at callLifecycleHooksChildrenFirst (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120641:17)
        at destroyView (http://localhost:9876/_karma_webpack_/vendor.bundle.js:121902:5)
        at callViewAction (http://localhost:9876/_karma_webpack_/vendor.bundle.js:122048:13)
Chrome 60.0.3112 (Mac OS X 10.11.6): Executed 14 of 30 (1 FAILED) (0 secs / 2.319 secs)
Chrome 60.0.3112 (Mac OS X 10.11.6) Pages: Page2 should create page2 FAILED
    TypeError: unRegEvent is not a function
        at http://localhost:9876/_karma_webpack_/vendor.bundle.js:41527:13
        at Array.forEach (<anonymous>)
        at UIEventManager.webpackJsonp.../../../../ionic-angular/gestures/ui-event-manager.js.UIEventManager.unlistenAll (http://localhost:9876/_karma_webpack_/vendor.bundle.js:41526:19)
        at UIEventManager.webpackJsonp.../../../../ionic-angular/gestures/ui-event-manager.js.UIEventManager.destroy (http://localhost:9876/_karma_webpack_/vendor.bundle.js:41535:14)
        at FabContainer.webpackJsonp.../../../../ionic-angular/components/fab/fab-container.js.FabContainer.ngOnDestroy (http://localhost:9876/_karma_webpack_/vendor.bundle.js:9287:22)
        at callProviderLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120688:18)
        at callElementProvidersLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120657:13)
        at callLifecycleHooksChildrenFirst (http://localhost:9876/_karma_webpack_/vendor.bundle.js:120641:17)
        at destroyView (http://localhost:9876/_karma_webpack_/vendor.bundle.js:121902:5)
ERROR: 'Error during cleanup of component', Page2{title: 'Page 2', OK: function () { ... }, alertController: Object{create: function () { ... }}}

我尝试手动添加组件,模拟各种服务,但无法找出导致此行为的原因。

黄铜

ionic-mocks平台模拟正在定义Platform.registerListener,但没有该功能的签名。

https://github.com/stonelasley/ionic-mocks/blob/master/src/angular/platform.ts#L26

添加此行为我解决了错误

instance.registerListener.and.returnValue(() => {});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章