单元测试Angular组件+ ngrx存储

文章/答案/技术大牛

发布

1回答

angular、unit-testing、karma-jasmine、ngrx

正在尝试测试我的angular组件。组件： export class MessagesComponent { constructor(private store我登录了我的测试组件，这里有store。有什么想法吗，谢谢。

浏览 21提问于2019-02-19得票数 2

2回答

我正在测试一个角工具栏组件，它通过@ngrx/store触发状态更改操作。我有另一个组件，它订阅这些状态更改，以便更新它自己的内部状态。因此，在karma/jasmine单元测试中，我触发了工具栏按钮的单击。然后，我只想对另一个组件进行spy，并断言调用了它的change函数。因此，问题是，在不使用ViewParent/ViewChild指令更改现有组件的情况下，仅针对那些被认为是代码嗅觉的测试，我如何查找角组件的实例？

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

回答已采纳

2回答

在页面重新加载之间保存angular应用的状态

angular、typescript、ngrx

现在我不是在讨论ngrx上下文中的状态。我指的是当你刷新页面时，一切似乎都消失了:用户注销了，所有没有保存在后台的更改都消失了，等等。起初，我以为这可以用localStorage实现，然后在我需要的每个组件中初始化ngOnInit()中的所有内容，但这听起来像是发明了一个轮子。我相信应该有现成的解决方案，或者某种模式。

浏览 23提问于2020-01-22得票数 0

回答已采纳

3回答

Angular 2通过服务中的观察值实现组件间的双向绑定

angular、observable、angular-services、angular2-observables

我想在服务中存储一个任何组件都可以监视和更改的值，当任何组件更改该值时，监视该值的所有其他组件都将更新。 return this.subject.asObservable(); } update() { this.service.setValue

浏览 4提问于2017-05-29得票数 0

3回答

使用NgRx为同一组件创建不同的状态

angular、ngrx、ngrx-store、ngrx-effects、ngrx-entity

我的场景是为同一组件创建不同的独立状态，这样当一个组件上的任何更改都不会影响其他组件状态时。我面临的问题是，每当我更改一个组件中的任何内容时，它也会更新其他组件的状态在我的例子中，我创建了一个datatabs，我用不同的对象数据数组动态加载相同的组件。是否可以使用NgRx？

浏览 9提问于2020-01-25得票数 0

1回答

Angular 2/4 redux框架

ngrx

你能告诉我在angular中ng-redux和ngrx-store库有什么区别吗？我想在我的应用程序中实现redux，但不确定使用哪个库，以及它的好处是什么？

浏览 0提问于2017-04-24得票数 1

1回答

在浏览器控制台中发送NGRX项目

javascript、angular、ngrx、ngrx-effects、angular-ngrx-data

我是新的NGRX和我正在使用它在Angular2+应用程序。 {消息\\异步}} 但是现在我想在我的控制台中获得相同的字符串，当我在READ的TS文件中控制台相同的READ组件的消息变量时，我得到一个存储对象，而

浏览 2提问于2020-02-20得票数 0

回答已采纳

1回答

Angular组件库项目与NGRX？

ngrx、angular-library

我现在已经在几个项目中使用了NGRX，并且大体上非常喜欢它。但我正在为是否在我的下一个项目中使用它而苦苦挣扎，下一个项目将是创建一个angular组件库。是否建议在angular库项目类型中使用ngrx？您将如何设置根状态与功能状态？我的库项目的主模块是否会附加到ngrx根存储？如果是这样，那么如果我的库在父应用程序中使用，该父应用程序也使用ngrx，那么根存储是否会发生冲突？更新(更多上下文)：库中的大多数组件

浏览 26提问于2019-02-19得票数 1

回答已采纳

2回答

纯Redux与带Angular的ngrx

javascript、angular、redux、state、ngrx

在Angular2/4中使用纯Redux或ngrx的利弊是什么？我已经在不同的网络项目中使用了这两种方法，但我仍然想知道哪一种是最有效和最快的。

浏览 2提问于2017-06-07得票数 5

1回答

在没有@Input/@Output的组件之间传递数据

angular、typescript

简而言之，我需要一个“购物车”式的关系，从一个组件到网站的其余部分。我之所以说“购物车喜欢”，是因为它基本上是用户在浏览时生成的需求列表。我没有想出任何代码来尝试它，因为我不知道要尝试什么，所以我所拥有的只有我的组件。既然我问的是一种创建关系的方法，不管组件树上的东西落在哪里，我都看不出发布组件有什么意义，因为到目前为止，这些组件基本上只说<h1>hi</h1>，以表明它们正在工作。我仍然在使用Angular2，目前不能更新Node和NPM来使用4。任何

浏览 1提问于2017-05-04得票数 4

1回答

来自angular 2提供程序的空数组

angular

在我的例子中，从来自不同组件的列表中获取数据的正确或最佳方式是什么？我已经构建了一个模态对话框来将文档放入一个部门。</tbody> </div>Doc.component.tsimport { Http, Re

浏览 1提问于2017-05-30得票数 1

2回答

当页面重新加载ngrx存储数据时，将刷新到初始状态

angular、ngrx

如何在angular 7中持久地存储ngrx数据考虑以下场景2.当用户更新他的配置文件时，我们会发送一个更改，所有组件中的数据都会更新我的问题是创建一个资源，并将该资源连接到所有需要的组件，当资源(数据)发生更改时，如何将更改反映到所有关联的组件请帮助我如何实现这一点

浏览 0提问于2019-06-25得票数 1

1回答

单元测试是否在Angular/Redux中清除了所有订阅

angular、unit-testing、ngrx、subscription

我有一个使用ngrx的Angular应用程序，当组件被销毁时，我使用带有主题的takeUntil方法来清除订阅。ngOnDestroy() {} 我决定使用这种方法，而不是保留一个订阅数组，因为它看起来更清晰，但是有没有办法用Jasmine编写单元测试来检查组件是否没有打开的订阅

浏览 3提问于2018-07-25得票数 1

2回答

如果在package.json中添加了新的依赖项并在组件文件中使用，如何更新角应用程序？

angular、npm、package.json

我试图在package.json文件中使用一个新的依赖项，并在导入之前尝试导入组件文件，我试图使用npm安装或更新依赖项，但在package.json中添加新的依赖项后无法导入。", "@ngrx/core": "^1.2.0",

浏览 0提问于2018-12-01得票数 0

3回答

模拟ngrx/store

unit-testing、angular、jasmine、ngrx

这是关于Angular 2官方发布的。我知道单元测试在beta、RC和官方发布版之间发生了巨大的变化。当@ngrx/store被用作构造函数中的参数时，在单元测试中模拟它的好方法是什么？然而，对于ngrx/store，它不是这样的(如果您用Store in代替TypeaheadService)。我认为您必须编写一个扩展Store的模拟类，然后将其提供给正在测试的组件，但我不确定为什么会这样(如果是这样的话)。我只是困惑于如何在我的单元测试中模拟<e

浏览 0提问于2016-11-29得票数 9

1回答

关于angular中ngrx-store-freeze和[(ngModel)]的几个问题

angular、freeze、deep-copy、ngrx-store

我在angular中使用ngrx/store和ngrx-store-freeze。我发现了一些我真的不明白的东西。我有一个模型： id: number; active: boolean;在我的reducer中，我存储了一些书： bookId: number;当我从父组件的存储中获取books并将其异

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

1回答

如何使用NGRX路由存储在组件之间导航并将url更改为localhost:4200/:id

angular、ngrx、ngrx-store、ngrx-router-store

如何使用NGRX路由存储在组件之间导航并将我的url更改为localhost:4200/:id :id =>表示:当前id 我希望我的网址更改与/id，我从组件以良好的方式收到我的导航栏 <nav我的应用程序模块 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/cor

浏览 12提问于2020-02-01得票数 0

2回答

在angular 2中测试多个组件

angular、unit-testing、ngrx

我想为上面的情况写一个测试用例，但不知道如何写，因为在单元测试中，我们每次只考虑一个组件。我的变量依赖于ngrx存储，每当v1发生变化时，它都会触发一个操作，而我的变量v2也会在每次触发操作时发生变化。我应该写单元测试还是e2e测试？

浏览 37提问于2017-06-24得票数 1

1回答

类型“Actions<Action>”上不存在属性“”pipe“”

angular、ngrx、ngrx-effects

项目正在编译，但是当我尝试在商店中使用.pipe时，我得到了一个内联错误，告诉我属性‘管道’不存在于我的effects和我的组件中的'Actions‘类型上。然而，当我在observable上使用.pipe时，我在相同的组件中没有得到这个问题。": "^6.1.0", "@angular/compiler": "^6.1.

浏览 1提问于2018-10-10得票数 1

1回答

单元测试JASMINE @NGRX/DATA

angular、jasmine、ngrx-store、ngrx-entity、angular-ngrx-data

我正在尝试使用@ngrx/data为我的angular项目编写单元测试！EntityCollectionServiceElementsFactory: NullInjectorError:无EntityCollectionServiceElement提供程序import { Injectable } from '@angularEntityCollectionServiceElementsFactory) { super('Appointment', serviceE

浏览 70提问于2020-08-05得票数 0

点击加载更多