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

ngrx -大理石测试和withLatestFrom

angular、ngrx、marble-diagram

我正在使用Angular 8和ngrx 8。我正在尝试编写单元测试，以实现使用withLatestFrom从状态获取一些值的效果。为此，我使用了rxjs/testing/TestScheduler。(() => this.actions$.pipe( withLatestFrom(this.store.select(selectors.user其思想是第一个大理石帧通过调用userService并更新

浏览 30提问于2021-01-26得票数 0

回答已采纳

1回答

如何在NgRx效应中测试多个withLatestFrom储存注射剂？

angular、typescript、unit-testing、testing、ngrx

在我们的角度网页应用，我们有一些NgRx-效果，使用不同的信息，从我们的商店不同的部分。为此，我们使用了推荐的withLatestFrom-approach： this.store.pipe(select(...)), this.store.pipe对于我们的单元测试，我们目前正在使用茉莉花弹珠、茉莉花间谍对象和ngrx MockStore (NgRx 7+)。困难的部分是提供必要的存储状态，以便选择器能够正常工作。ofTyp

浏览 0提问于2019-03-28得票数 2

回答已采纳

1回答

如何在ngrx中测试效果？

redux、ngrx、effects、side-effects、ngrx-effects

我用的是angular5、打字本和ngrx。import 'rxjs/add/operator/catch'; private actions$: Actions, private userService: UserServic

浏览 0提问于2018-04-25得票数 0

回答已采纳

1回答

ngrx/effects -如何使用promise进行测试

ngrx-effects

我正在使用ngrx/effects进行大理石测试。我有一个使用promises的服务。我希望我的效果能够调用服务并处理成功和错误状态。public geThings() { return Observable.fromPromise(this.promiseBasedThing.getTheThings()); }基于，Promises似乎不适用于大理石测试。提供了一个关于错误处理的想

浏览 0提问于2017-11-11得票数 2

1回答

wtihLatestFrom不支持@ngrx/effects

angular、typescript、ngrx、ngrx-effects

我正在尝试访问我的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

回答已采纳

1回答

@ngrx/effects给出了TypeError:您提供了预期流的“未定义”。您可以提供可观察的、承诺的、数组的或可观察的

angular、observable、rxjs5、ngrx

我有一个场景，需要在我的角应用程序中对两个@Ngrx操作进行排序。我使用withLatestFrom操作符将动作流与来自状态的数据组合起来。@Effect() .withLatestFrom代码// r

浏览 0提问于2018-02-22得票数 6

1回答

RxJs大理石测试concatMap与withLatestFrom

testing、rxjs、jasmine-marbles

如何对单元进行可观察的测试？e1.pipe(); it('test', () => {const result = e1.pipe( withLatestFrom(e2)); expect(resu

浏览 4提问于2020-08-22得票数 0

回答已采纳

2回答

大理石测试中的角NgRx效应误差:期望$.length =0至等于2. /预期$[0] =未定义为等对象

angular、rxjs、ngrx

我有一个应用程序，使用角和NgRx，我有困难来测试我的效果，使用大理石测试。Expected $.length = 0 to equal 2.loadOrdersLogisticStatus$ = createEffect(() => ofType(LOAD_ORDERS_LOGISTIC_STATUS), switchMap(([action,

浏览 7提问于2020-06-09得票数 4

回答已采纳

1回答

使用jest和jasmine-marble测试ngrx效果时出现的问题

angular、ngrx、ngrx-effects、jasmine-marbles

我正在使用jest和jasmine-marbles来测试我的ngrx-effects。到目前为止还不错，但是我有一个特殊的情况，我需要使用withLatestFrom在如下的效果中访问Store：createDataSourceSuccess$ = this.actionsid: source.fileId, }) )我也像这样设置了我的测试设置了模拟，因为所有

浏览 3提问于2018-08-31得票数 1

2回答

在ngrx效果中使用withLatesFrom或combineLatest的流合成

angular、rxjs、ngrx、rxjs5、ngrx-effects

，下面是我所指的效果代码： import { Injectable } from '@angular/core';import { Store } from '@ngrx/store';im

浏览 13提问于2019-12-03得票数 1

3回答

ngrx -链两个store.select切片

angular、rxjs、ngrx

在我的Todo Cmp中，我有以下代码 .flatMap((todos: Todo[]) => { this.todos = todos

浏览 0提问于2017-11-14得票数 13

回答已采纳

1回答

将.withLatestFrom与单值可观察对象相结合

angular、ngrx-store

在ngrx/store Angular应用程序中，我需要在一个地方执行强制操作，并且需要从store获取最新值并进一步传递它。我需要以某种方式使用.withLatestFrom()，因为我知道它不是一个静态方法。所以我想我应该把.withLatestFrom()运算符和一个简单的Observable.of(null)结合起来。真的不知道为什么。Observable.of(null) .subscribe(

浏览 0提问于2017-10-21得票数 1

1回答

ngrx +大理石测试+延迟

rxjs、ngrx、jasmine-marbles

假设我有一个效果someEffect$ = this.actions$.pipe(ofType(X), switchMap(() => 大理石测试应该是什么样子的

浏览 2提问于2018-11-28得票数 6

1回答

在效果单元测试中不工作的NgRx选择器

angular、ngrx、ngrx-store、ngrx-effects、angular-test

我正在为我的NgRx效果编写单元测试(参考资料：)。但是我对withLatestFrom有个问题。当通过选择器(例如：this.store.select( mySelectors.selectId ))选择我的状态片时，测试会抛出一个错误：但是，当我使用的不是我自己的选择器，而是这样的东西：this.store.select( state => state.id

浏览 0提问于2019-07-25得票数 2

回答已采纳

1回答

服务器上取消多个API调用

angular、typescript、redux、rxjs、ngrx

我使用的是Angular7和NGRX，以及GO中的服务器。(featureActions.ActionTypes.GetUAVsSuccess), of(action).pipe( withLatestFrom(this.store$.pipe(select(OrganizationSto

浏览 0提问于2019-08-08得票数 3

回答已采纳

5回答

使用@ngrx出错

angular、ngrx、ngrx-effects

我有一个角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

2回答

当你使用rxjs订阅时，如果它失败了，你如何向你的测试发出信号？

rxjs、rxjs-pipeable-operators、rxjs-observables

我遇到的问题是，一旦我在rxjs observable中抛出一个错误，我的测试就不知道它。当我订阅一个测试时，它在rxjs中失败了，它只是抛出一个错误，我需要通知我的测试发生了错误。

浏览 3提问于2020-04-08得票数 0

3回答

Angular，NgRx如何在ngOnInit中使用RxJS运算符

angular、rxjs、ngrx、ngrx-store

我有一个小问题需要理解，就是将RxJS运算符与NgRx结合起来。下面我有一个简单的组件和NgRx存储-在那里我有所有必要的数据和选择器正常工作： selector2$ = this.store$.pipe(select(selectValue1));但是-我想使用RxJS运算符-例如使用withLatestFromng

浏览 234提问于2020-02-04得票数 1

回答已采纳

1回答