- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我们如何使用 jasmine 测试 Observable.fromEvent
@ViewChild('d')
private inputDatePicker: NgbInputDatepicker;
this.subscription = Observable.fromEvent(document, 'click').subscribe((event: KeyboardEvent) => {
if (!this.eRef.nativeElement.contains(event.target)) {
this.inputDatePicker.close();
}
});
ngOnDestroy() {
this.subscription.unsubscribe();
}
我正在使用 ngb-date-picker
并使用 fromevent
捕捉文档点击并关闭日期选择器
最佳答案
我认为在这种情况下,您最好的猜测是首先不要将文档作为全局文档,而是将其注入(inject)到您的组件/指令/可注入(inject)中(angular 提供了一种使用 -> @Inject(DOCUMENT) 来提供它的方法) .此时你可以模拟它传递给你自己的实现。从那里你将这样的方法添加到你的模拟中
{
addEventListener: jasmine.createSpy('addEvent').and.callFake((eventName: string, cb: () => void) => {
imageListeners[eventName] = cb;
}),
removeEventListener: jasmine.createSpy('removeEvente').and.callFake((eventName: string) => {
delete imageListeners[eventName];
})
}
(ofc 适合您的情况,这只是我为类似情况编写的一些代码)
以及何时需要触发您的方法
addEventListener.calls.argsFor
等等。我在假设您使用 Jasmine 作为测试套件的情况下写了这个答案,但应该与其他套件相似只是方法不同。希望对您有所帮助:)
关于angular - 如何测试 Observable.fromEvent,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48677612/
是否需要基于控件取消订阅事件。 HTML输入: const blur$ = fromEvent(formEle, 'blur').subscribe(x => { this.focused
我正在使用 FromEvent KeyUp 和 debounceTime 在我的应用程序中实现非常简单的搜索功能,如下代码: @ViewChild('inputSearch', { static:
在Observable.FromEvent中有这样一个签名的目的是什么? ?对于 example : var appActivated = Observable.FromEvent( h => App
使用新的 async/await 模型,生成一个在事件触发时完成的 Task 相当简单;你只需要遵循这个模式: public class MyClass { public event Acti
我试图按照 practical observable usage 上的官方 Angular 教程进行操作并尝试导入“fromEvent”: import { fromEvent } from 'rxj
我们如何使用 jasmine 测试 Observable.fromEvent @ViewChild('d') private inputDatePicker: NgbInputDatepicker;
我正在开发 WPF 应用程序以使用 MVVM 练习 Rx。 场景 我有一个带有组合(一些公司名称)和一个详细信息(公司日志)部分的 View (MVVM);当用户从组合框中选择一个项目时,我想填充详细
我为键盘驱动的界面创建了一个关键服务,我发现它似乎为每个订阅者执行完整的链: this.documentKeyEvent = Observable.fromEvent(document, 'keydo
我有两个关于同一件事的问题。 首先,这是在 RxJs 中提交表单的正确方法吗?我正在尝试订阅 mouseEvent,如果是单击,则会向我的后端发出 POST 请求 所以在 react 中我这样做: u
我正在尝试使用 Reactive Extensions 编写代码来处理异步调用,其中启动方法和完成的事件都是静态的。我不会用 var languageSetsLoaded = Observable
我需要连接 rn-fetch-blob 的 onData可观察对象的回调方法。 据我所知,这不是一个事件,fromEventPattern无法使用。我看不到如何使用 create如果这是我的问题的解决
假设我们有以下代码 const clickEvent$ = fromEvent(document, 'click').pipe( pluck('target') ); clickEvent$.
我正在尝试根据光标的位置更改元素的位置。因此我有以下代码: this.ngZone.runOutsideAngular(() => { fromEvent(window, 'mousemove'
假设我有一组股票代码: StockTicker stockTicker = new StockTicker("MSFT", "APPL", "YHOO", "GOOG"); stockTicker
如何将事件数据附加到 Observable.fromEvent? 在我的示例中,我有以下对象数组 var people = [ { name: "Bert", img: "" }, {
我正在尝试从输入事件创建一个 Observable。我已经尝试了几乎所有的方法,但我无法导入“fromEvent”。这是我的代码。我正在使用 Angular 6.0.1 和 RXJS 6.1.0 错误
热/冷/多播可能会造成混淆。我想我现在已经明白了,但我想确认我理解正确。 Looking at the source for rxjs's implementation for fromEvent ,
我有一个 Angular 应用程序,其中包含多个具有特定 ID 的按钮。它们每个都有一个单击函数,我想跟踪用户是否单击了按钮而不更改每个方法中的任何内容。 示例代码: import { Compo
今天我在使用RxJS时遇到一个奇怪的问题。请帮我检查一下。 我正在解决的问题是:“给定一组图像 URL,加载所有图像并将其附加到 div。” 所有要演示的代码片段都在这里: https://paste
我想获取控件的 DataContext 作为 IObservable。我试过这个: Observable.FromEvent (a => this.DataContextChanged +=
我是一名优秀的程序员,十分优秀!