ngrx -大理石测试和withLatestFrom
ngrx是一个用于管理应用状态的JavaScript库，它基于Redux架构模式。它提供了一种可预测的状态管理机制，使得应用的状态变化可追踪、可调试，并且易于维护。
大理石测试（Marble Testing）是一种测试方法，用于测试响应式编程中的流（Observable）。它通过使用一种类似于时间线的图形表示来描述流的行为，并通过比较预期输出和实际输出来验证流的正确性。
withLatestFrom是ngrx中的一个操作符，它用于将一个Observable和其他多个Observables的最新值进行组合。它会等待所有Observables都发出至少一个值，然后将它们的最新值作为参数传递给一个回调函数。
在应用开发中，ngrx可以帮助我们管理复杂的应用状态，并提供了一些强大的工具和概念，如Actions、Reducers、Selectors和Effects等。通过使用ngrx，我们可以更好地组织和管理应用的数据流，提高代码的可维护性和可测试性。
对于大理石测试，它是一种非常有用的测试方法，特别适用于测试响应式编程中的流。通过使用大理石图形表示流的行为，我们可以更直观地理解和验证流的正确性，从而提高测试的可靠性和可读性。
而withLatestFrom操作符则可以帮助我们在需要组合多个Observables的最新值时，简化代码的编写。它可以确保我们在所有Observables都发出至少一个值后，才进行组合操作，从而避免了因为某个Observable没有发出值而导致的错误。
总结起来，ngrx是一个用于管理应用状态的JavaScript库，大理石测试是一种测试方法，用于测试响应式编程中的流，而withLatestFrom是ngrx中的一个操作符，用于将一个Observable和其他多个Observables的最新值进行组合。它们在应用开发中都有着重要的作用，可以提高代码的可维护性、可测试性和可靠性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云原生产品：https://cloud.tencent.com/solution/cloud-native
- 腾讯云数据库产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维产品：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理产品：https://cloud.tencent.com/product/mps
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发产品：https://cloud.tencent.com/product/mobdev
- 腾讯云存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/vr
相关·内容
我正在使用Angular 8和ngrx 8。我正在尝试编写单元测试，以实现使用withLatestFrom从状态获取一些值的效果。为此，我使用了rxjs/testing/TestScheduler。(() => this.actions$.pipe( withLatestFrom(this.store.select(selectors.user其思想是第一个大理石帧通过调用userService并更新
浏览 30提问于2021-01-26得票数 0
回答已采纳
在我们的角度网页应用，我们有一些NgRx-效果，使用不同的信息，从我们的商店不同的部分。为此，我们使用了推荐的withLatestFrom-approach： this.store.pipe(select(...)),
this.store.pipe对于我们的单元测试，我们目前正在使用茉莉花弹珠、茉莉花间谍对象和ngrx MockStore (NgRx 7+)。困难的部分是提供必要的存储状态，以便选择器能够正常工作。ofTyp
浏览 0提问于2019-03-28得票数 2
回答已采纳
1回答
如何在ngrx中测试效果？
、、、、
我用的是angular5、打字本和ngrx。import 'rxjs/add/operator/catch'; private actions$: Actions,
private userService: UserServic
浏览 0提问于2018-04-25得票数 0
回答已采纳
我正在使用ngrx/effects进行大理石测试。我有一个使用promises的服务。我希望我的效果能够调用服务并处理成功和错误状态。public geThings() { return Observable.fromPromise(this.promiseBasedThing.getTheThings()); }基于，Promises似乎不适用于大理石测试。提供了一个关于错误处理的想
浏览 0提问于2017-11-11得票数 2
我正在尝试访问我的Angular 5项目中的ngrx效果中的部分商店。根据StackOverflow上的几个帖子，以及几篇博客文章，我正在使用withLatestFrom和我的注入商店。我目前使用的是Angular 5、ngrx 4.1.1和rxjs 5.5.2error TS2339: Property 'withLatestFrom' doesimport {Injectable} from '@angular/core&
浏览 4提问于2018-01-03得票数 0
回答已采纳
我有一个场景，需要在我的角应用程序中对两个@Ngrx操作进行排序。我使用withLatestFrom操作符将动作流与来自状态的数据组合起来。@Effect() .withLatestFrom代码// r
浏览 0提问于2018-02-22得票数 6
如何对单元进行可观察的测试？e1.pipe(); it('test', () => {const result = e1.pipe( withLatestFrom(e2));
expect(resu
浏览 4提问于2020-08-22得票数 0
回答已采纳
我有一个应用程序，使用角和NgRx，我有困难来测试我的效果，使用大理石测试。Expected $.length = 0 to equal 2.loadOrdersLogisticStatus$ = createEffect(() => ofType(LOAD_ORDERS_LOGISTIC_STATUS), switchMap(([action,
浏览 7提问于2020-06-09得票数 4
回答已采纳
我正在使用jest和jasmine-marbles来测试我的ngrx-effects。到目前为止还不错，但是我有一个特殊的情况，我需要使用withLatestFrom在如下的效果中访问Store：createDataSourceSuccess$ = this.actionsid: source.fileId, }) )我也像这样设置了我的测试设置了模拟，因为所有
浏览 3提问于2018-08-31得票数 1
，下面是我所指的效果代码： import { Injectable } from '@angular/core';import { Store } from '@ngrx/store';im
浏览 13提问于2019-12-03得票数 1
在我的Todo Cmp中，我有以下代码 .flatMap((todos: Todo[]) => { this.todos = todos
浏览 0提问于2017-11-14得票数 13
回答已采纳
在ngrx/store Angular应用程序中，我需要在一个地方执行强制操作，并且需要从store获取最新值并进一步传递它。我需要以某种方式使用.withLatestFrom()，因为我知道它不是一个静态方法。所以我想我应该把.withLatestFrom()运算符和一个简单的Observable.of(null)结合起来。真的不知道为什么。Observable.of(null) .subscribe(
浏览 0提问于2017-10-21得票数 1
1回答
假设我有一个效果someEffect$ = this.actions$.pipe(ofType(X), switchMap(() => 大理石测试应该是什么样子的
浏览 2提问于2018-11-28得票数 6
1回答
我正在为我的NgRx效果编写单元测试(参考资料：)。但是我对withLatestFrom有个问题。当通过选择器(例如：this.store.select( mySelectors.selectId ))选择我的状态片时，测试会抛出一个错误：但是，当我使用的不是我自己的选择器，而是这样的东西：this.store.select( state => state.id
浏览 0提问于2019-07-25得票数 2
回答已采纳
1回答
服务器上取消多个API调用
、、、、
我使用的是Angular7和NGRX，以及GO中的服务器。(featureActions.ActionTypes.GetUAVsSuccess), of(action).pipe( withLatestFrom(this.store$.pipe(select(OrganizationSto
浏览 0提问于2019-08-08得票数 3
回答已采纳
5回答
我有一个角12.0.2应用程序，它使用ngrx12.0.0。当我运行应用程序并访问延迟加载模块的路由时，我会得到以下错误。ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(t)[t -> InjectionToken @ngrx/effectsat fs.get (main.js:1)我正确地设置了ngrx和effects。请参见下面显示效果的代码。UserService是模块中provider中的一个条
浏览 6提问于2021-06-08得票数 3
我遇到的问题是，一旦我在rxjs observable中抛出一个错误，我的测试就不知道它。当我订阅一个测试时，它在rxjs中失败了，它只是抛出一个错误，我需要通知我的测试发生了错误。
浏览 3提问于2020-04-08得票数 0
我有一个小问题需要理解，就是将RxJS运算符与NgRx结合起来。下面我有一个简单的组件和NgRx存储-在那里我有所有必要的数据和选择器正常工作： selector2$ = this.store$.pipe(select(selectValue1));但是-我想使用RxJS运算符-例如使用withLatestFromng
浏览 234提问于2020-02-04得票数 1
回答已采纳
1回答
在使用NGRX进行复杂初始化时需要一些帮助 take(1), tap(([loadedwithLatestFrom(this.store.select(selectInputGroupProcessorsLoaded)), /
浏览 9提问于2022-08-17得票数 0
回答已采纳
1回答
我在ngrx商店做特效测试。在将ngrx更新到版本之后，我发现测试它的方式已经改变了。谁能解释一下热函数和冷函数的第一个参数是什么意思？有没有可能找到任何关于它的文档？
浏览 7提问于2017-07-28得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
