Jasmine 列表实例化时出错!(ItemSlideing->;列表),使用TestComponentBuilder对ionic2组件进行单元测试
我对ionic2组件的单元测试有问题。我已在下面附上我的组件、测试和错误 组件Jasmine 列表实例化时出错!(ItemSlideing->;列表),使用TestComponentBuilder对ionic2组件进行单元测试,jasmine,angular,karma-jasmine,ionic2,Jasmine,Angular,Karma Jasmine,Ionic2,我对ionic2组件的单元测试有问题。我已在下面附上我的组件、测试和错误 组件 import {Component,Input} from 'angular2/core' import {IONIC_DIRECTIVES} from 'ionic-angular' @Component({ selector: 'my-item', // template: `<ion-item>{{name}}</ion-item>`, //<ion-item>
import {Component,Input} from 'angular2/core'
import {IONIC_DIRECTIVES} from 'ionic-angular'
@Component({
selector: 'my-item',
// template: `<ion-item>{{name}}</ion-item>`, //<ion-item> is working
template: `<ion-item-sliding>{{name}}</ion-item-sliding>`, //<ion-item-sliding> is not working and throws the error;
directives:[IONIC_DIRECTIVES]
})
export class MyIonic2Component {
public name:string;
}
这是我在模板包含
时遇到的错误,但我没有在其他离子组件中遇到任何错误
Failed: EXCEPTION: Error during instantiation of List! (ItemSliding -> List)
.
ORIGINAL EXCEPTION: unimplemented
ERROR CONTEXT:
[object Object]
_instantiate@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11742:87 <-
webpack:///~/angular2/src/core/di/injector.js:841:0
_instantiateProvider@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:1161
6:38 <- webpack:///~/angular2/src/core/di/injector.js:715:0
_new@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11605:42 <- webpack:
///~/angular2/src/core/di/injector.js:704:0
getObjByKeyId@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11215:55 <-
webpack:///~/angular2/src/core/di/injector.js:314:0
_getByKeyDefault@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11822:51
<- webpack:///~/angular2/src/core/di/injector.js:921:0
_getByKey@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11768:42 <- web
pack:///~/angular2/src/core/di/injector.js:867:0
_getByDependency@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11754:35
<- webpack:///~/angular2/src/core/di/injector.js:853:0
_instantiate@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11644:53 <-
webpack:///~/angular2/src/core/di/injector.js:743:0
_instantiateProvider@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:1161
6:38 <- webpack:///~/angular2/src/core/di/injector.js:715:0
_new@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11605:42 <- webpack:
///~/angular2/src/core/di/injector.js:704:0
instantiateProvider@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:11105
:35 <- webpack:///~/angular2/src/core/di/injector.js:204:0
init@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:23955:44 <- webpack:
///~/angular2/src/core/linker/element.js:558:0
AppElement@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:23632:33 <- we
bpack:///~/angular2/src/core/linker/element.js:235:0
viewFactory_MyIonic2Component0
viewFactory_HostMyIonic2Component0
createRootHostView@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:25002:
48 <- webpack:///~/angular2/src/core/linker/view_manager.js:93:0
C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:22960:69 <- webpack:///~/
angular2/src/core/linker/dynamic_component_loader.js:102:0
run@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:6777:30 <- webpack://
/~/zone.js/dist/zone-microtask.js:1217:0
zoneBoundFn@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:6754:30 <- we
bpack:///~/zone.js/dist/zone-microtask.js:1194:0
lib$es6$promise$$internal$$tryCatch@C:/Users/MARK/ionic2project/test/spec/spec
-bundle.js:6002:26 <- webpack:///~/zone.js/dist/zone-microtask.js:442:0
lib$es6$promise$$internal$$invokeCallback@C:/Users/MARK/ionic2project/test/spe
c/spec-bundle.js:6014:54 <- webpack:///~/zone.js/dist/zone-microtask.js:454:0
lib$es6$promise$$internal$$publish@C:/Users/MARK/ionic2project/test/spec/spec-
bundle.js:5985:54 <- webpack:///~/zone.js/dist/zone-microtask.js:425:0
C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:5657:13 <- webpack:///~/z
one.js/dist/zone-microtask.js:97:0
run@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:6777:30 <- webpack://
/~/zone.js/dist/zone-microtask.js:1217:0
zoneBoundFn@C:/Users/MARK/ionic2project/test/spec/spec-bundle.js:6754:30 <- we
bpack:///~/zone.js/dist/zone-microtask.js:1194:0
lib$es6$promise$asap$$flush@C:/Users/MARK/ionic2project/test/spec/spec-bundle.
js:5796:19 <- webpack:///~/zone.js/dist/zone-microtask.js:236:0
失败:异常:列表实例化时出错!(项目滑动->列表)
.
原始例外:未执行
错误上下文:
[对象]
_instantiate@C:/Users/MARK/ionic2project/test/spec/spec bundle.js:11742:87
来自离子文档
要使用滑动项,请在列表中添加
组件。接下来,在滑动项内部添加一个组件以包含按钮
请将滑动项包装在列表中
template: `<ion-list><ion-item-sliding>{{name}}</ion-item-sliding></ion-list>`
模板:`{{name}`
您的模板结构应该如下所示
<ion-list>
<ion-item-sliding>
<ion-item>
</ion-item>
<ion-item-options>
</ion-item-options>
</ion-item-sliding>
</ion-list>
template: `<ion-list><ion-item-sliding>{{name}}</ion-item-sliding></ion-list>`
<ion-list>
<ion-item-sliding>
<ion-item>
</ion-item>
<ion-item-options>
</ion-item-options>
</ion-item-sliding>
</ion-list>